@intlayer/editor 8.4.4 → 8.4.6

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

@@ -1 +1 @@
-{"version":3,"file":"CrossFrameMessenger.mjs","names":[],"sources":["../../../src/core/CrossFrameMessenger.ts"],"sourcesContent":["import { compareUrls } from '../compareUrls';\n\nconst randomUUID = (): string => Math.random().toString(36).slice(2);\n\nexport type MessagePayload = {\n  type: string;\n  data?: unknown;\n  senderId?: string;\n  /** Unique ID per send() call — used to deduplicate when the same payload arrives via multiple target origins */\n  messageId?: string;\n};\n\nexport type MessengerConfig = {\n  /**\n   * Origins allowed to send messages to this instance.\n   * Use '*' to allow all origins (not recommended for production).\n   */\n  allowedOrigins: string[];\n  /**\n   * Function used to send messages to other frames.\n   * Injected so the messenger is agnostic to the frame topology.\n   */\n  postMessageFn: (payload: MessagePayload, origin: string) => void;\n};\n\ntype MessageHandler<T = unknown> = (data: T, senderId?: string) => void;\n\n/**\n * CrossFrameMessenger manages all cross-frame postMessage communication.\n * It owns a single window message listener and routes incoming messages to\n * type-specific subscribers.\n *\n * Replaces CommunicatorContext + useCrossFrameMessageListener across all frameworks.\n */\nexport class CrossFrameMessenger {\n  readonly senderId: string;\n  private readonly _config: MessengerConfig;\n  private readonly _subscribers = new Map<string, Set<MessageHandler>>();\n\n  private _windowHandler: ((event: MessageEvent) => void) | null = null;\n  /** Tracks recently processed messageIds to discard duplicates (same payload sent to multiple origins) */\n  private readonly _seenMessageIds = new Set<string>();\n\n  constructor(config: MessengerConfig) {\n    this._config = config;\n    this.senderId = randomUUID();\n  }\n\n  /** Start listening for incoming messages on window. */\n  start(): void {\n    if (typeof window === 'undefined') return;\n    if (this._windowHandler) return;\n    this._windowHandler = (event: MessageEvent<MessagePayload>) => {\n      this._handleMessage(event);\n    };\n    window.addEventListener('message', this._windowHandler);\n  }\n\n  /** Stop listening and clean up. */\n  stop(): void {\n    if (this._windowHandler) {\n      window.removeEventListener('message', this._windowHandler);\n      this._windowHandler = null;\n    }\n  }\n\n  /** Send a message payload to all configured target origins. */\n  send(type: string, data?: unknown): void {\n    const payload: MessagePayload = {\n      type,\n      data,\n      senderId: this.senderId,\n      messageId: randomUUID(),\n    };\n\n    for (const origin of this._config.allowedOrigins) {\n      if (origin) {\n        this._config.postMessageFn(payload, origin);\n      }\n    }\n  }\n\n  /**\n   * Subscribe to messages of a given type.\n   * Returns an unsubscribe function.\n   */\n  subscribe<T = unknown>(type: string, handler: MessageHandler<T>): () => void {\n    if (!this._subscribers.has(type)) {\n      this._subscribers.set(type, new Set());\n    }\n    this._subscribers.get(type)!.add(handler as MessageHandler);\n    return () => {\n      this._subscribers.get(type)?.delete(handler as MessageHandler);\n    };\n  }\n\n  private _handleMessage(event: MessageEvent<MessagePayload>): void {\n    const payload = event.data;\n    if (!payload || typeof payload !== 'object') return;\n\n    const { type, data, senderId: msgSenderId, messageId } = payload;\n    if (!type || typeof type !== 'string') return;\n\n    // Ignore messages originating from this instance\n    if (msgSenderId === this.senderId) return;\n\n    // Deduplicate: same messageId may arrive multiple times when the sender\n    // posts to multiple target origins (one per allowedOrigin)\n    if (messageId) {\n      if (this._seenMessageIds.has(messageId)) return;\n      this._seenMessageIds.add(messageId);\n      // Keep the set bounded — clear when it exceeds 200 entries\n      if (this._seenMessageIds.size > 200) this._seenMessageIds.clear();\n    }\n\n    // Validate message origin\n    const { allowedOrigins } = this._config;\n    const isAllowed =\n      !allowedOrigins ||\n      allowedOrigins.length === 0 ||\n      allowedOrigins.includes('*') ||\n      allowedOrigins\n        .filter((url) => Boolean(url) && url !== '')\n        .some((url) => compareUrls(url, event.origin));\n\n    if (!isAllowed) return;\n\n    const handlers = this._subscribers.get(type);\n\n    if (handlers) {\n      for (const handler of handlers) {\n        handler(data, msgSenderId);\n      }\n    }\n  }\n}\n"],"mappings":"iDAEA,MAAM,MAA2B,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAgCpE,IAAa,EAAb,KAAiC,CAS/B,YAAY,EAAyB,mBANL,IAAI,wBAE6B,0BAE9B,IAAI,IAGrC,KAAK,QAAU,EACf,KAAK,SAAW,GAAY,CAI9B,OAAc,CACR,OAAO,OAAW,KAClB,KAAK,iBACT,KAAK,eAAkB,GAAwC,CAC7D,KAAK,eAAe,EAAM,EAE5B,OAAO,iBAAiB,UAAW,KAAK,eAAe,EAIzD,MAAa,CACX,AAEE,KAAK,kBADL,OAAO,oBAAoB,UAAW,KAAK,eAAe,CACpC,MAK1B,KAAK,EAAc,EAAsB,CACvC,IAAM,EAA0B,CAC9B,OACA,OACA,SAAU,KAAK,SACf,UAAW,GAAY,CACxB,CAED,IAAK,IAAM,KAAU,KAAK,QAAQ,eAC5B,GACF,KAAK,QAAQ,cAAc,EAAS,EAAO,CASjD,UAAuB,EAAc,EAAwC,CAK3E,OAJK,KAAK,aAAa,IAAI,EAAK,EAC9B,KAAK,aAAa,IAAI,EAAM,IAAI,IAAM,CAExC,KAAK,aAAa,IAAI,EAAK,CAAE,IAAI,EAA0B,KAC9C,CACX,KAAK,aAAa,IAAI,EAAK,EAAE,OAAO,EAA0B,EAIlE,eAAuB,EAA2C,CAChE,IAAM,EAAU,EAAM,KACtB,GAAI,CAAC,GAAW,OAAO,GAAY,SAAU,OAE7C,GAAM,CAAE,OAAM,OAAM,SAAU,EAAa,aAAc,EAIzD,GAHI,CAAC,GAAQ,OAAO,GAAS,UAGzB,IAAgB,KAAK,SAAU,OAInC,GAAI,EAAW,CACb,GAAI,KAAK,gBAAgB,IAAI,EAAU,CAAE,OACzC,KAAK,gBAAgB,IAAI,EAAU,CAE/B,KAAK,gBAAgB,KAAO,KAAK,KAAK,gBAAgB,OAAO,CAInE,GAAM,CAAE,kBAAmB,KAAK,QAShC,GAAI,EAPF,CAAC,GACD,EAAe,SAAW,GAC1B,EAAe,SAAS,IAAI,EAC5B,EACG,OAAQ,GAAQ,EAAQ,GAAQ,IAAQ,GAAG,CAC3C,KAAM,GAAQ,EAAY,EAAK,EAAM,OAAO,CAAC,EAElC,OAEhB,IAAM,EAAW,KAAK,aAAa,IAAI,EAAK,CAE5C,GAAI,EACF,IAAK,IAAM,KAAW,EACpB,EAAQ,EAAM,EAAY"}
+{"version":3,"file":"CrossFrameMessenger.mjs","names":[],"sources":["../../../src/core/CrossFrameMessenger.ts"],"sourcesContent":["import { compareUrls } from '../compareUrls';\n\nconst randomUUID = (): string => Math.random().toString(36).slice(2);\n\nexport type MessagePayload = {\n  type: string;\n  data?: unknown;\n  senderId?: string;\n  /** Unique ID per send() call — used to deduplicate when the same payload arrives via multiple target origins */\n  messageId?: string;\n};\n\nexport type MessengerConfig = {\n  /**\n   * Origins allowed to send messages to this instance.\n   * Use '*' to allow all origins (not recommended for production).\n   */\n  allowedOrigins: string[];\n  /**\n   * Function used to send messages to other frames.\n   * Injected so the messenger is agnostic to the frame topology.\n   */\n  postMessageFn: (payload: MessagePayload, origin: string) => void;\n};\n\ntype MessageHandler<T = unknown> = (data: T, senderId?: string) => void;\n\n/**\n * CrossFrameMessenger manages all cross-frame postMessage communication.\n * It owns a single window message listener and routes incoming messages to\n * type-specific subscribers.\n *\n * Replaces CommunicatorContext + useCrossFrameMessageListener across all frameworks.\n */\nexport class CrossFrameMessenger {\n  readonly senderId: string;\n  private readonly _config: MessengerConfig;\n  private readonly _subscribers = new Map<string, Set<MessageHandler>>();\n\n  private _windowHandler: ((event: MessageEvent) => void) | null = null;\n  /** Tracks recently processed messageIds to discard duplicates (same payload sent to multiple origins) */\n  private readonly _seenMessageIds = new Set<string>();\n\n  constructor(config: MessengerConfig) {\n    this._config = config;\n    this.senderId = randomUUID();\n  }\n\n  /** Start listening for incoming messages on window. */\n  start(): void {\n    if (typeof window === 'undefined') return;\n    if (this._windowHandler) return;\n    this._windowHandler = (event: MessageEvent<MessagePayload>) => {\n      this._handleMessage(event);\n    };\n    window.addEventListener('message', this._windowHandler);\n  }\n\n  /** Stop listening and clean up. */\n  stop(): void {\n    if (this._windowHandler) {\n      window.removeEventListener('message', this._windowHandler);\n      this._windowHandler = null;\n    }\n  }\n\n  /** Send a message payload to all configured target origins. */\n  send(type: string, data?: unknown): void {\n    const payload: MessagePayload = {\n      type,\n      data,\n      senderId: this.senderId,\n      messageId: randomUUID(),\n    };\n\n    for (const origin of this._config.allowedOrigins) {\n      if (origin) {\n        this._config.postMessageFn(payload, origin);\n      }\n    }\n  }\n\n  /**\n   * Subscribe to messages of a given type.\n   * Returns an unsubscribe function.\n   */\n  subscribe<T = unknown>(type: string, handler: MessageHandler<T>): () => void {\n    if (!this._subscribers.has(type)) {\n      this._subscribers.set(type, new Set());\n    }\n    this._subscribers.get(type)!.add(handler as MessageHandler);\n    return () => {\n      this._subscribers.get(type)?.delete(handler as MessageHandler);\n    };\n  }\n\n  private _handleMessage(event: MessageEvent<MessagePayload>): void {\n    const payload = event.data;\n    if (!payload || typeof payload !== 'object') return;\n\n    const { type, data, senderId: msgSenderId, messageId } = payload;\n    if (!type || typeof type !== 'string') return;\n\n    // Ignore messages originating from this instance\n    if (msgSenderId === this.senderId) return;\n\n    // Deduplicate: same messageId may arrive multiple times when the sender\n    // posts to multiple target origins (one per allowedOrigin)\n    if (messageId) {\n      if (this._seenMessageIds.has(messageId)) return;\n      this._seenMessageIds.add(messageId);\n      // Keep the set bounded — clear when it exceeds 200 entries\n      if (this._seenMessageIds.size > 200) this._seenMessageIds.clear();\n    }\n\n    // Validate message origin\n    const { allowedOrigins } = this._config;\n    const isAllowed =\n      !allowedOrigins ||\n      allowedOrigins.length === 0 ||\n      allowedOrigins.includes('*') ||\n      allowedOrigins\n        .filter((url) => Boolean(url) && url !== '')\n        .some((url) => compareUrls(url, event.origin));\n\n    if (!isAllowed) return;\n\n    const handlers = this._subscribers.get(type);\n\n    if (handlers) {\n      for (const handler of handlers) {\n        handler(data, msgSenderId);\n      }\n    }\n  }\n}\n"],"mappings":";;;AAEA,MAAM,mBAA2B,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;;;;;;;AAgCpE,IAAa,sBAAb,MAAiC;CAS/B,YAAY,QAAyB;sCANL,IAAI,KAAkC;wBAEL;yCAE9B,IAAI,KAAa;AAGlD,OAAK,UAAU;AACf,OAAK,WAAW,YAAY;;;CAI9B,QAAc;AACZ,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,KAAK,eAAgB;AACzB,OAAK,kBAAkB,UAAwC;AAC7D,QAAK,eAAe,MAAM;;AAE5B,SAAO,iBAAiB,WAAW,KAAK,eAAe;;;CAIzD,OAAa;AACX,MAAI,KAAK,gBAAgB;AACvB,UAAO,oBAAoB,WAAW,KAAK,eAAe;AAC1D,QAAK,iBAAiB;;;;CAK1B,KAAK,MAAc,MAAsB;EACvC,MAAM,UAA0B;GAC9B;GACA;GACA,UAAU,KAAK;GACf,WAAW,YAAY;GACxB;AAED,OAAK,MAAM,UAAU,KAAK,QAAQ,eAChC,KAAI,OACF,MAAK,QAAQ,cAAc,SAAS,OAAO;;;;;;CASjD,UAAuB,MAAc,SAAwC;AAC3E,MAAI,CAAC,KAAK,aAAa,IAAI,KAAK,CAC9B,MAAK,aAAa,IAAI,sBAAM,IAAI,KAAK,CAAC;AAExC,OAAK,aAAa,IAAI,KAAK,CAAE,IAAI,QAA0B;AAC3D,eAAa;AACX,QAAK,aAAa,IAAI,KAAK,EAAE,OAAO,QAA0B;;;CAIlE,AAAQ,eAAe,OAA2C;EAChE,MAAM,UAAU,MAAM;AACtB,MAAI,CAAC,WAAW,OAAO,YAAY,SAAU;EAE7C,MAAM,EAAE,MAAM,MAAM,UAAU,aAAa,cAAc;AACzD,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU;AAGvC,MAAI,gBAAgB,KAAK,SAAU;AAInC,MAAI,WAAW;AACb,OAAI,KAAK,gBAAgB,IAAI,UAAU,CAAE;AACzC,QAAK,gBAAgB,IAAI,UAAU;AAEnC,OAAI,KAAK,gBAAgB,OAAO,IAAK,MAAK,gBAAgB,OAAO;;EAInE,MAAM,EAAE,mBAAmB,KAAK;AAShC,MAAI,EAPF,CAAC,kBACD,eAAe,WAAW,KAC1B,eAAe,SAAS,IAAI,IAC5B,eACG,QAAQ,QAAQ,QAAQ,IAAI,IAAI,QAAQ,GAAG,CAC3C,MAAM,QAAQ,YAAY,KAAK,MAAM,OAAO,CAAC,EAElC;EAEhB,MAAM,WAAW,KAAK,aAAa,IAAI,KAAK;AAE5C,MAAI,SACF,MAAK,MAAM,WAAW,SACpB,SAAQ,MAAM,YAAY"}

package/dist/esm/core/CrossFrameStateManager.mjs

@@ -1,2 +1,70 @@
-var e=class extends EventTarget{constructor(e,t,n={}){super(),this._unsubscribers=[],this._key=e,this._messenger=t,this._options={emit:n.emit??!0,receive:n.receive??!0},n.initialValue!==void 0&&(this._value=n.initialValue)}get value(){return this._value}set(e){this._value=e,this.dispatchEvent(new CustomEvent(`change`,{detail:e})),this._options.emit&&this._messenger.send(`${this._key}/post`,e)}start(){if(this._options.receive){let e=this._messenger.subscribe(`${this._key}/post`,e=>{this._value=e,this.dispatchEvent(new CustomEvent(`change`,{detail:e}))});this._unsubscribers.push(e)}if(this._options.emit){let e=this._messenger.subscribe(`${this._key}/get`,(e,t)=>{t!==this._messenger.senderId&&this._value!==void 0&&this._messenger.send(`${this._key}/post`,this._value)});this._unsubscribers.push(e)}this._options.receive&&this._value===void 0&&this._messenger.send(`${this._key}/get`)}stop(){for(let e of this._unsubscribers)e();this._unsubscribers.length=0}postCurrentValue(){this._value!==void 0&&this._messenger.send(`${this._key}/post`,this._value)}};export{e as CrossFrameStateManager};
+//#region src/core/CrossFrameStateManager.ts
+/**
+* CrossFrameStateManager synchronizes a single named value across frames using
+* the postMessage API via CrossFrameMessenger.
+*
+* Protocol:
+*   `{key}/post` — broadcast a new value
+*   `{key}/get`  — request the current value from other frames
+*
+* Replaces useCrossFrameState across all frameworks.
+*
+* @fires change — CustomEvent<T> dispatched whenever the value changes (local set or received)
+*/
+var CrossFrameStateManager = class extends EventTarget {
+	constructor(key, messenger, options = {}) {
+		super();
+		this._unsubscribers = [];
+		this._key = key;
+		this._messenger = messenger;
+		this._options = {
+			emit: options.emit ?? true,
+			receive: options.receive ?? true
+		};
+		if (options.initialValue !== void 0) this._value = options.initialValue;
+	}
+	get value() {
+		return this._value;
+	}
+	/** Update the value locally and broadcast it to other frames if emit is enabled. */
+	set(newValue) {
+		this._value = newValue;
+		this.dispatchEvent(new CustomEvent("change", { detail: newValue }));
+		if (this._options.emit) this._messenger.send(`${this._key}/post`, newValue);
+	}
+	/**
+	* Start listening for incoming state updates and responding to /get requests.
+	* If receive=true and no initial value is set, sends a /get to request the current value.
+	*/
+	start() {
+		if (this._options.receive) {
+			const unsub = this._messenger.subscribe(`${this._key}/post`, (data) => {
+				this._value = data;
+				this.dispatchEvent(new CustomEvent("change", { detail: data }));
+			});
+			this._unsubscribers.push(unsub);
+		}
+		if (this._options.emit) {
+			const unsub = this._messenger.subscribe(`${this._key}/get`, (_, originSenderId) => {
+				if (originSenderId === this._messenger.senderId) return;
+				if (this._value === void 0) return;
+				this._messenger.send(`${this._key}/post`, this._value);
+			});
+			this._unsubscribers.push(unsub);
+		}
+		if (this._options.receive && this._value === void 0) this._messenger.send(`${this._key}/get`);
+	}
+	/** Stop all listeners. */
+	stop() {
+		for (const unsub of this._unsubscribers) unsub();
+		this._unsubscribers.length = 0;
+	}
+	/** Broadcast the current value to all frames (useful after reconnect). */
+	postCurrentValue() {
+		if (this._value !== void 0) this._messenger.send(`${this._key}/post`, this._value);
+	}
+};
+
+//#endregion
+export { CrossFrameStateManager };
 //# sourceMappingURL=CrossFrameStateManager.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CrossFrameStateManager.mjs","names":[],"sources":["../../../src/core/CrossFrameStateManager.ts"],"sourcesContent":["import type { CrossFrameMessenger } from './CrossFrameMessenger';\n\nexport type CrossFrameStateOptions = {\n  /** Whether to broadcast state changes to other frames. Default: true */\n  emit?: boolean;\n  /** Whether to listen for state updates from other frames. Default: true */\n  receive?: boolean;\n};\n\n/**\n * CrossFrameStateManager synchronizes a single named value across frames using\n * the postMessage API via CrossFrameMessenger.\n *\n * Protocol:\n *   `{key}/post` — broadcast a new value\n *   `{key}/get`  — request the current value from other frames\n *\n * Replaces useCrossFrameState across all frameworks.\n *\n * @fires change — CustomEvent<T> dispatched whenever the value changes (local set or received)\n */\nexport class CrossFrameStateManager<T> extends EventTarget {\n  private _value: T | undefined;\n  private readonly _key: string;\n  private readonly _messenger: CrossFrameMessenger;\n  private readonly _options: Required<CrossFrameStateOptions>;\n  private readonly _unsubscribers: Array<() => void> = [];\n\n  constructor(\n    key: string,\n    messenger: CrossFrameMessenger,\n    options: CrossFrameStateOptions & { initialValue?: T } = {}\n  ) {\n    super();\n    this._key = key;\n    this._messenger = messenger;\n    this._options = {\n      emit: options.emit ?? true,\n      receive: options.receive ?? true,\n    };\n    if (options.initialValue !== undefined) {\n      this._value = options.initialValue;\n    }\n  }\n\n  get value(): T | undefined {\n    return this._value;\n  }\n\n  /** Update the value locally and broadcast it to other frames if emit is enabled. */\n  set(newValue: T): void {\n    this._value = newValue;\n    this.dispatchEvent(new CustomEvent<T>('change', { detail: newValue }));\n    if (this._options.emit) {\n      this._messenger.send(`${this._key}/post`, newValue);\n    }\n  }\n\n  /**\n   * Start listening for incoming state updates and responding to /get requests.\n   * If receive=true and no initial value is set, sends a /get to request the current value.\n   */\n  start(): void {\n    if (this._options.receive) {\n      const unsub = this._messenger.subscribe<T>(\n        `${this._key}/post`,\n        (data) => {\n          this._value = data;\n          this.dispatchEvent(new CustomEvent<T>('change', { detail: data }));\n        }\n      );\n      this._unsubscribers.push(unsub);\n    }\n\n    if (this._options.emit) {\n      // Respond to /get requests by broadcasting current value\n      const unsub = this._messenger.subscribe(\n        `${this._key}/get`,\n        (_, originSenderId) => {\n          if (originSenderId === this._messenger.senderId) return;\n          if (this._value === undefined) return;\n          this._messenger.send(`${this._key}/post`, this._value);\n        }\n      );\n      this._unsubscribers.push(unsub);\n    }\n\n    // If receiving and no initial value, request it from other frames\n    if (this._options.receive && this._value === undefined) {\n      this._messenger.send(`${this._key}/get`);\n    }\n  }\n\n  /** Stop all listeners. */\n  stop(): void {\n    for (const unsub of this._unsubscribers) unsub();\n    this._unsubscribers.length = 0;\n  }\n\n  /** Broadcast the current value to all frames (useful after reconnect). */\n  postCurrentValue(): void {\n    if (this._value !== undefined) {\n      this._messenger.send(`${this._key}/post`, this._value);\n    }\n  }\n}\n"],"mappings":"AAqBA,IAAa,EAAb,cAA+C,WAAY,CAOzD,YACE,EACA,EACA,EAAyD,EAAE,CAC3D,CACA,OAAO,qBAP4C,EAAE,CAQrD,KAAK,KAAO,EACZ,KAAK,WAAa,EAClB,KAAK,SAAW,CACd,KAAM,EAAQ,MAAQ,GACtB,QAAS,EAAQ,SAAW,GAC7B,CACG,EAAQ,eAAiB,IAAA,KAC3B,KAAK,OAAS,EAAQ,cAI1B,IAAI,OAAuB,CACzB,OAAO,KAAK,OAId,IAAI,EAAmB,CACrB,KAAK,OAAS,EACd,KAAK,cAAc,IAAI,YAAe,SAAU,CAAE,OAAQ,EAAU,CAAC,CAAC,CAClE,KAAK,SAAS,MAChB,KAAK,WAAW,KAAK,GAAG,KAAK,KAAK,OAAQ,EAAS,CAQvD,OAAc,CACZ,GAAI,KAAK,SAAS,QAAS,CACzB,IAAM,EAAQ,KAAK,WAAW,UAC5B,GAAG,KAAK,KAAK,OACZ,GAAS,CACR,KAAK,OAAS,EACd,KAAK,cAAc,IAAI,YAAe,SAAU,CAAE,OAAQ,EAAM,CAAC,CAAC,EAErE,CACD,KAAK,eAAe,KAAK,EAAM,CAGjC,GAAI,KAAK,SAAS,KAAM,CAEtB,IAAM,EAAQ,KAAK,WAAW,UAC5B,GAAG,KAAK,KAAK,OACZ,EAAG,IAAmB,CACjB,IAAmB,KAAK,WAAW,UACnC,KAAK,SAAW,IAAA,IACpB,KAAK,WAAW,KAAK,GAAG,KAAK,KAAK,OAAQ,KAAK,OAAO,EAEzD,CACD,KAAK,eAAe,KAAK,EAAM,CAI7B,KAAK,SAAS,SAAW,KAAK,SAAW,IAAA,IAC3C,KAAK,WAAW,KAAK,GAAG,KAAK,KAAK,MAAM,CAK5C,MAAa,CACX,IAAK,IAAM,KAAS,KAAK,eAAgB,GAAO,CAChD,KAAK,eAAe,OAAS,EAI/B,kBAAyB,CACnB,KAAK,SAAW,IAAA,IAClB,KAAK,WAAW,KAAK,GAAG,KAAK,KAAK,OAAQ,KAAK,OAAO"}
+{"version":3,"file":"CrossFrameStateManager.mjs","names":[],"sources":["../../../src/core/CrossFrameStateManager.ts"],"sourcesContent":["import type { CrossFrameMessenger } from './CrossFrameMessenger';\n\nexport type CrossFrameStateOptions = {\n  /** Whether to broadcast state changes to other frames. Default: true */\n  emit?: boolean;\n  /** Whether to listen for state updates from other frames. Default: true */\n  receive?: boolean;\n};\n\n/**\n * CrossFrameStateManager synchronizes a single named value across frames using\n * the postMessage API via CrossFrameMessenger.\n *\n * Protocol:\n *   `{key}/post` — broadcast a new value\n *   `{key}/get`  — request the current value from other frames\n *\n * Replaces useCrossFrameState across all frameworks.\n *\n * @fires change — CustomEvent<T> dispatched whenever the value changes (local set or received)\n */\nexport class CrossFrameStateManager<T> extends EventTarget {\n  private _value: T | undefined;\n  private readonly _key: string;\n  private readonly _messenger: CrossFrameMessenger;\n  private readonly _options: Required<CrossFrameStateOptions>;\n  private readonly _unsubscribers: Array<() => void> = [];\n\n  constructor(\n    key: string,\n    messenger: CrossFrameMessenger,\n    options: CrossFrameStateOptions & { initialValue?: T } = {}\n  ) {\n    super();\n    this._key = key;\n    this._messenger = messenger;\n    this._options = {\n      emit: options.emit ?? true,\n      receive: options.receive ?? true,\n    };\n    if (options.initialValue !== undefined) {\n      this._value = options.initialValue;\n    }\n  }\n\n  get value(): T | undefined {\n    return this._value;\n  }\n\n  /** Update the value locally and broadcast it to other frames if emit is enabled. */\n  set(newValue: T): void {\n    this._value = newValue;\n    this.dispatchEvent(new CustomEvent<T>('change', { detail: newValue }));\n    if (this._options.emit) {\n      this._messenger.send(`${this._key}/post`, newValue);\n    }\n  }\n\n  /**\n   * Start listening for incoming state updates and responding to /get requests.\n   * If receive=true and no initial value is set, sends a /get to request the current value.\n   */\n  start(): void {\n    if (this._options.receive) {\n      const unsub = this._messenger.subscribe<T>(\n        `${this._key}/post`,\n        (data) => {\n          this._value = data;\n          this.dispatchEvent(new CustomEvent<T>('change', { detail: data }));\n        }\n      );\n      this._unsubscribers.push(unsub);\n    }\n\n    if (this._options.emit) {\n      // Respond to /get requests by broadcasting current value\n      const unsub = this._messenger.subscribe(\n        `${this._key}/get`,\n        (_, originSenderId) => {\n          if (originSenderId === this._messenger.senderId) return;\n          if (this._value === undefined) return;\n          this._messenger.send(`${this._key}/post`, this._value);\n        }\n      );\n      this._unsubscribers.push(unsub);\n    }\n\n    // If receiving and no initial value, request it from other frames\n    if (this._options.receive && this._value === undefined) {\n      this._messenger.send(`${this._key}/get`);\n    }\n  }\n\n  /** Stop all listeners. */\n  stop(): void {\n    for (const unsub of this._unsubscribers) unsub();\n    this._unsubscribers.length = 0;\n  }\n\n  /** Broadcast the current value to all frames (useful after reconnect). */\n  postCurrentValue(): void {\n    if (this._value !== undefined) {\n      this._messenger.send(`${this._key}/post`, this._value);\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAa,yBAAb,cAA+C,YAAY;CAOzD,YACE,KACA,WACA,UAAyD,EAAE,EAC3D;AACA,SAAO;wBAP4C,EAAE;AAQrD,OAAK,OAAO;AACZ,OAAK,aAAa;AAClB,OAAK,WAAW;GACd,MAAM,QAAQ,QAAQ;GACtB,SAAS,QAAQ,WAAW;GAC7B;AACD,MAAI,QAAQ,iBAAiB,OAC3B,MAAK,SAAS,QAAQ;;CAI1B,IAAI,QAAuB;AACzB,SAAO,KAAK;;;CAId,IAAI,UAAmB;AACrB,OAAK,SAAS;AACd,OAAK,cAAc,IAAI,YAAe,UAAU,EAAE,QAAQ,UAAU,CAAC,CAAC;AACtE,MAAI,KAAK,SAAS,KAChB,MAAK,WAAW,KAAK,GAAG,KAAK,KAAK,QAAQ,SAAS;;;;;;CAQvD,QAAc;AACZ,MAAI,KAAK,SAAS,SAAS;GACzB,MAAM,QAAQ,KAAK,WAAW,UAC5B,GAAG,KAAK,KAAK,SACZ,SAAS;AACR,SAAK,SAAS;AACd,SAAK,cAAc,IAAI,YAAe,UAAU,EAAE,QAAQ,MAAM,CAAC,CAAC;KAErE;AACD,QAAK,eAAe,KAAK,MAAM;;AAGjC,MAAI,KAAK,SAAS,MAAM;GAEtB,MAAM,QAAQ,KAAK,WAAW,UAC5B,GAAG,KAAK,KAAK,QACZ,GAAG,mBAAmB;AACrB,QAAI,mBAAmB,KAAK,WAAW,SAAU;AACjD,QAAI,KAAK,WAAW,OAAW;AAC/B,SAAK,WAAW,KAAK,GAAG,KAAK,KAAK,QAAQ,KAAK,OAAO;KAEzD;AACD,QAAK,eAAe,KAAK,MAAM;;AAIjC,MAAI,KAAK,SAAS,WAAW,KAAK,WAAW,OAC3C,MAAK,WAAW,KAAK,GAAG,KAAK,KAAK,MAAM;;;CAK5C,OAAa;AACX,OAAK,MAAM,SAAS,KAAK,eAAgB,QAAO;AAChD,OAAK,eAAe,SAAS;;;CAI/B,mBAAyB;AACvB,MAAI,KAAK,WAAW,OAClB,MAAK,WAAW,KAAK,GAAG,KAAK,KAAK,QAAQ,KAAK,OAAO"}

package/dist/esm/core/EditorStateManager.mjs

@@ -1,2 +1,256 @@
-import{MessageKey as e}from"../messageKey.mjs";import{CrossFrameMessenger as t}from"./CrossFrameMessenger.mjs";import{CrossFrameStateManager as n}from"./CrossFrameStateManager.mjs";import{IframeClickInterceptor as r}from"./IframeClickInterceptor.mjs";import{UrlStateManager as i}from"./UrlStateManager.mjs";import{NodeType as a}from"@intlayer/types/nodeType";import{editDictionaryByKeyPath as o,getContentNodeByKeyPath as s,renameContentNodeByKeyPath as c}from"@intlayer/core/dictionaryManipulator";var l=class{constructor(a){this._unsubAreYouThere=null,this._unsubActivate=null,this._unsubClientReady=null,this._mode=a.mode,this._configuration=a.configuration,this.messenger=new t(a.messenger),this.editorEnabled=new n(e.INTLAYER_EDITOR_ENABLED,this.messenger,{emit:!1,receive:!0,initialValue:!1}),this.focusedContent=new n(e.INTLAYER_FOCUSED_CONTENT_CHANGED,this.messenger,{emit:!0,receive:!0,initialValue:null}),this.localeDictionaries=new n(e.INTLAYER_LOCALE_DICTIONARIES_CHANGED,this.messenger),this.editedContent=new n(e.INTLAYER_EDITED_CONTENT_CHANGED,this.messenger),this.configuration=new n(e.INTLAYER_CONFIGURATION,this.messenger,{emit:!0,receive:!1,...a.configuration?{initialValue:a.configuration}:{}}),this.currentLocale=new n(e.INTLAYER_CURRENT_LOCALE,this.messenger,{emit:a.mode===`client`,receive:a.mode===`editor`}),this._urlManager=new i(this.messenger),this._iframeInterceptor=new r(this.messenger)}start(){this.messenger.start(),this.editorEnabled.start(),this.focusedContent.start(),this.localeDictionaries.start(),this.editedContent.start(),this.configuration.start(),this.currentLocale.start(),this._mode===`client`?(this._urlManager.start(),this._iframeInterceptor.startInterceptor(),this._loadDictionaries(),this.messenger.send(`${e.INTLAYER_EDITED_CONTENT_CHANGED}/get`),this._configuration?.editor?.enabled!==!1&&this._setupActivationHandshake()):(this._iframeInterceptor.startMerger(),this._setupEditorHandshake())}stop(){this._unsubAreYouThere?.(),this._unsubActivate?.(),this._unsubClientReady?.(),this._unsubAreYouThere=null,this._unsubActivate=null,this._unsubClientReady=null,this.messenger.stop(),this.editorEnabled.stop(),this.focusedContent.stop(),this.localeDictionaries.stop(),this.editedContent.stop(),this.configuration.stop(),this.currentLocale.stop(),this._urlManager.stop(),this._iframeInterceptor.stopInterceptor(),this._iframeInterceptor.stopMerger()}pingClient(){this._mode===`editor`&&this.messenger.send(e.INTLAYER_ARE_YOU_THERE)}setFocusedContentKeyPath(e){let t=e.filter(e=>e.type!==a.Translation),n=this.focusedContent.value;n&&this.focusedContent.set({...n,keyPath:t})}setLocaleDictionary(e){if(!e.localId)return;let t=this.localeDictionaries.value??{};this.localeDictionaries.set({...t,[e.localId]:e})}setEditedDictionary(e){if(!e.localId){console.error(`setEditedDictionary: missing localId`,e);return}let t=this.editedContent.value??{};this.editedContent.set({...t,[e.localId]:e})}setEditedContent(e,t){let n=this.editedContent.value??{};this.editedContent.set({...n,[e]:{...n[e],content:t}})}addContent(e,t,n=[],r=!0){let i=this.editedContent.value??{},a=(this.localeDictionaries.value??{})[e]?.content,c=structuredClone(i[e]?.content??a),l=n;if(!r){let e=0,t=n.slice(0,-1),r=n[n.length-1],i=r.key;for(;s(c,l)!==void 0;)e++,i=e===0?r.key:`${r.key} (${e})`,l=[...t,{...r,key:i}]}let u=o(c,l,t);this.editedContent.set({...i,[e]:{...i[e],content:u}})}renameContent(e,t,n=[]){let r=this.editedContent.value??{},i=(this.localeDictionaries.value??{})[e]?.content,a=c(structuredClone(r[e]?.content??i),t,n);this.editedContent.set({...r,[e]:{...r[e],content:a}})}removeContent(e,t){let n=this.editedContent.value??{},r=(this.localeDictionaries.value??{})[e]?.content,i=o(structuredClone(n[e]?.content??r),t,s(r,t));this.editedContent.set({...n,[e]:{...n[e],content:i}})}restoreContent(e){let t={...this.editedContent.value??{}};delete t[e],this.editedContent.set(t)}clearContent(e){let t={...this.editedContent.value??{}};delete t[e],this.editedContent.set(t)}clearAllContent(){this.editedContent.set({})}getContentValue(e,t){let n=this.editedContent.value;if(!n)return;let r=t.filter(e=>e.type!==a.Translation),i=this.localeDictionaries.value;if(e.includes(`:local:`)||e.includes(`:remote:`))return i&&!(e in i)?void 0:s(n[e]?.content??{},r,this.currentLocale.value);let o=Object.keys(n).filter(t=>t.startsWith(`${e}:`)&&(!i||t in i));for(let e of o){let t=s(n[e]?.content??{},r,this.currentLocale.value);if(t)return t}}_setupEditorHandshake(){this._unsubClientReady=this.messenger.subscribe(e.INTLAYER_CLIENT_READY,()=>{this.editorEnabled.set(!0),this.messenger.send(e.INTLAYER_EDITOR_ACTIVATE)}),this.messenger.send(e.INTLAYER_ARE_YOU_THERE)}_setupActivationHandshake(){this.messenger.send(e.INTLAYER_CLIENT_READY),this._unsubAreYouThere=this.messenger.subscribe(e.INTLAYER_ARE_YOU_THERE,()=>{this.messenger.send(e.INTLAYER_CLIENT_READY)}),this._unsubActivate=this.messenger.subscribe(e.INTLAYER_EDITOR_ACTIVATE,()=>{this.editorEnabled.set(!0),this._broadcastData()})}_broadcastData(){let t=this.configuration.value;t&&this.messenger.send(`${e.INTLAYER_CONFIGURATION}/post`,t);let n=this.currentLocale.value;n&&this.messenger.send(`${e.INTLAYER_CURRENT_LOCALE}/post`,n);let r=this.localeDictionaries.value;r&&this.messenger.send(`${e.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`,r)}async _loadDictionaries(){try{let e=(await import(`@intlayer/unmerged-dictionaries-entry`)).getUnmergedDictionaries(),t=Object.fromEntries(Object.values(e).flat().map(e=>[e.localId,e]));this.localeDictionaries.set(t),this.editorEnabled.value&&this._broadcastData()}catch(e){console.warn(`[intlayer] Failed to load unmerged dictionaries:`,e)}}};export{l as EditorStateManager};
+import { MessageKey } from "../messageKey.mjs";
+import { CrossFrameMessenger } from "./CrossFrameMessenger.mjs";
+import { CrossFrameStateManager } from "./CrossFrameStateManager.mjs";
+import { IframeClickInterceptor } from "./IframeClickInterceptor.mjs";
+import { UrlStateManager } from "./UrlStateManager.mjs";
+import * as NodeTypes from "@intlayer/types/nodeType";
+import { editDictionaryByKeyPath, getContentNodeByKeyPath, renameContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
+
+//#region src/core/EditorStateManager.ts
+/**
+* EditorStateManager is the single entry point for all Intlayer editor state.
+* It is framework-agnostic: instantiate one instance at the root of the application
+* and subscribe to its EventTarget-based events from any framework adapter.
+*
+* Replaces all context providers, hooks and store files across React, Preact,
+* Solid, Svelte, and Vue integrations.
+*/
+var EditorStateManager = class {
+	constructor(config) {
+		this._unsubAreYouThere = null;
+		this._unsubActivate = null;
+		this._unsubClientReady = null;
+		this._mode = config.mode;
+		this._configuration = config.configuration;
+		this.messenger = new CrossFrameMessenger(config.messenger);
+		this.editorEnabled = new CrossFrameStateManager(MessageKey.INTLAYER_EDITOR_ENABLED, this.messenger, {
+			emit: false,
+			receive: true,
+			initialValue: false
+		});
+		this.focusedContent = new CrossFrameStateManager(MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED, this.messenger, {
+			emit: true,
+			receive: true,
+			initialValue: null
+		});
+		this.localeDictionaries = new CrossFrameStateManager(MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED, this.messenger);
+		this.editedContent = new CrossFrameStateManager(MessageKey.INTLAYER_EDITED_CONTENT_CHANGED, this.messenger);
+		this.configuration = new CrossFrameStateManager(MessageKey.INTLAYER_CONFIGURATION, this.messenger, {
+			emit: true,
+			receive: false,
+			...config.configuration ? { initialValue: config.configuration } : {}
+		});
+		this.currentLocale = new CrossFrameStateManager(MessageKey.INTLAYER_CURRENT_LOCALE, this.messenger, {
+			emit: config.mode === "client",
+			receive: config.mode === "editor"
+		});
+		this._urlManager = new UrlStateManager(this.messenger);
+		this._iframeInterceptor = new IframeClickInterceptor(this.messenger);
+	}
+	start() {
+		this.messenger.start();
+		this.editorEnabled.start();
+		this.focusedContent.start();
+		this.localeDictionaries.start();
+		this.editedContent.start();
+		this.configuration.start();
+		this.currentLocale.start();
+		if (this._mode === "client") {
+			this._urlManager.start();
+			this._iframeInterceptor.startInterceptor();
+			this._loadDictionaries();
+			this.messenger.send(`${MessageKey.INTLAYER_EDITED_CONTENT_CHANGED}/get`);
+			if (this._configuration?.editor?.enabled !== false) this._setupActivationHandshake();
+		} else {
+			this._iframeInterceptor.startMerger();
+			this._setupEditorHandshake();
+		}
+	}
+	stop() {
+		this._unsubAreYouThere?.();
+		this._unsubActivate?.();
+		this._unsubClientReady?.();
+		this._unsubAreYouThere = null;
+		this._unsubActivate = null;
+		this._unsubClientReady = null;
+		this.messenger.stop();
+		this.editorEnabled.stop();
+		this.focusedContent.stop();
+		this.localeDictionaries.stop();
+		this.editedContent.stop();
+		this.configuration.stop();
+		this.currentLocale.stop();
+		this._urlManager.stop();
+		this._iframeInterceptor.stopInterceptor();
+		this._iframeInterceptor.stopMerger();
+	}
+	/**
+	* EDITOR mode: re-send ARE_YOU_THERE to attempt re-connection with the client.
+	* Call this when the user clicks "Enable Editor" or when the iframe reloads.
+	*/
+	pingClient() {
+		if (this._mode !== "editor") return;
+		this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);
+	}
+	setFocusedContentKeyPath(keyPath) {
+		const filtered = keyPath.filter((key) => key.type !== NodeTypes.TRANSLATION);
+		const prev = this.focusedContent.value;
+		if (!prev) return;
+		this.focusedContent.set({
+			...prev,
+			keyPath: filtered
+		});
+	}
+	setLocaleDictionary(dictionary) {
+		if (!dictionary.localId) return;
+		const current = this.localeDictionaries.value ?? {};
+		this.localeDictionaries.set({
+			...current,
+			[dictionary.localId]: dictionary
+		});
+	}
+	setEditedDictionary(newDict) {
+		if (!newDict.localId) {
+			console.error("setEditedDictionary: missing localId", newDict);
+			return;
+		}
+		const current = this.editedContent.value ?? {};
+		this.editedContent.set({
+			...current,
+			[newDict.localId]: newDict
+		});
+	}
+	setEditedContent(localDictionaryId, newValue) {
+		const current = this.editedContent.value ?? {};
+		this.editedContent.set({
+			...current,
+			[localDictionaryId]: {
+				...current[localDictionaryId],
+				content: newValue
+			}
+		});
+	}
+	addContent(localDictionaryId, newValue, keyPath = [], overwrite = true) {
+		const current = this.editedContent.value ?? {};
+		const originalContent = (this.localeDictionaries.value ?? {})[localDictionaryId]?.content;
+		const currentContent = structuredClone(current[localDictionaryId]?.content ?? originalContent);
+		let newKeyPath = keyPath;
+		if (!overwrite) {
+			let index = 0;
+			const otherKeyPath = keyPath.slice(0, -1);
+			const lastKeyPath = keyPath[keyPath.length - 1];
+			let finalKey = lastKeyPath.key;
+			while (typeof getContentNodeByKeyPath(currentContent, newKeyPath) !== "undefined") {
+				index++;
+				finalKey = index === 0 ? lastKeyPath.key : `${lastKeyPath.key} (${index})`;
+				newKeyPath = [...otherKeyPath, {
+					...lastKeyPath,
+					key: finalKey
+				}];
+			}
+		}
+		const updatedContent = editDictionaryByKeyPath(currentContent, newKeyPath, newValue);
+		this.editedContent.set({
+			...current,
+			[localDictionaryId]: {
+				...current[localDictionaryId],
+				content: updatedContent
+			}
+		});
+	}
+	renameContent(localDictionaryId, newKey, keyPath = []) {
+		const current = this.editedContent.value ?? {};
+		const originalContent = (this.localeDictionaries.value ?? {})[localDictionaryId]?.content;
+		const updated = renameContentNodeByKeyPath(structuredClone(current[localDictionaryId]?.content ?? originalContent), newKey, keyPath);
+		this.editedContent.set({
+			...current,
+			[localDictionaryId]: {
+				...current[localDictionaryId],
+				content: updated
+			}
+		});
+	}
+	removeContent(localDictionaryId, keyPath) {
+		const current = this.editedContent.value ?? {};
+		const originalContent = (this.localeDictionaries.value ?? {})[localDictionaryId]?.content;
+		const restored = editDictionaryByKeyPath(structuredClone(current[localDictionaryId]?.content ?? originalContent), keyPath, getContentNodeByKeyPath(originalContent, keyPath));
+		this.editedContent.set({
+			...current,
+			[localDictionaryId]: {
+				...current[localDictionaryId],
+				content: restored
+			}
+		});
+	}
+	restoreContent(localDictionaryId) {
+		const updated = { ...this.editedContent.value ?? {} };
+		delete updated[localDictionaryId];
+		this.editedContent.set(updated);
+	}
+	clearContent(localDictionaryId) {
+		const filtered = { ...this.editedContent.value ?? {} };
+		delete filtered[localDictionaryId];
+		this.editedContent.set(filtered);
+	}
+	clearAllContent() {
+		this.editedContent.set({});
+	}
+	getContentValue(localDictionaryIdOrKey, keyPath) {
+		const edited = this.editedContent.value;
+		if (!edited) return void 0;
+		const filteredKeyPath = keyPath.filter((key) => key.type !== NodeTypes.TRANSLATION);
+		const localeDicts = this.localeDictionaries.value;
+		if (localDictionaryIdOrKey.includes(":local:") || localDictionaryIdOrKey.includes(":remote:")) {
+			if (localeDicts && !(localDictionaryIdOrKey in localeDicts)) return;
+			return getContentNodeByKeyPath(edited[localDictionaryIdOrKey]?.content ?? {}, filteredKeyPath, this.currentLocale.value);
+		}
+		const matchingIds = Object.keys(edited).filter((key) => key.startsWith(`${localDictionaryIdOrKey}:`) && (!localeDicts || key in localeDicts));
+		for (const localId of matchingIds) {
+			const node = getContentNodeByKeyPath(edited[localId]?.content ?? {}, filteredKeyPath, this.currentLocale.value);
+			if (node) return node;
+		}
+	}
+	/**
+	* EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.
+	* Also pings the client immediately in case it loaded before the editor.
+	*/
+	_setupEditorHandshake() {
+		this._unsubClientReady = this.messenger.subscribe(MessageKey.INTLAYER_CLIENT_READY, () => {
+			this.editorEnabled.set(true);
+			this.messenger.send(MessageKey.INTLAYER_EDITOR_ACTIVATE);
+		});
+		this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);
+	}
+	_setupActivationHandshake() {
+		this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);
+		this._unsubAreYouThere = this.messenger.subscribe(MessageKey.INTLAYER_ARE_YOU_THERE, () => {
+			this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);
+		});
+		this._unsubActivate = this.messenger.subscribe(MessageKey.INTLAYER_EDITOR_ACTIVATE, () => {
+			this.editorEnabled.set(true);
+			this._broadcastData();
+		});
+	}
+	_broadcastData() {
+		const configVal = this.configuration.value;
+		if (configVal) this.messenger.send(`${MessageKey.INTLAYER_CONFIGURATION}/post`, configVal);
+		const localeVal = this.currentLocale.value;
+		if (localeVal) this.messenger.send(`${MessageKey.INTLAYER_CURRENT_LOCALE}/post`, localeVal);
+		const dicts = this.localeDictionaries.value;
+		if (dicts) this.messenger.send(`${MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`, dicts);
+	}
+	async _loadDictionaries() {
+		try {
+			const unmergedDictionaries = (await import("@intlayer/unmerged-dictionaries-entry")).getUnmergedDictionaries();
+			const dictionariesList = Object.fromEntries(Object.values(unmergedDictionaries).flat().map((dictionary) => [dictionary.localId, dictionary]));
+			this.localeDictionaries.set(dictionariesList);
+			if (this.editorEnabled.value) this._broadcastData();
+		} catch (e) {
+			console.warn("[intlayer] Failed to load unmerged dictionaries:", e);
+		}
+	}
+};
+
+//#endregion
+export { EditorStateManager };
 //# sourceMappingURL=EditorStateManager.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorStateManager.mjs","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"sourcesContent":["import {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType } 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((key) => key.type !== NodeType.Translation);\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 !== NodeType.Translation\n    );\n\n    // Only use edited content entries whose localId is known to this client.\n    // This prevents stale edits from other apps (different framework demos) from\n    // being applied when the editor sends back its stored editedContent.\n    const localeDicts = this.localeDictionaries.value;\n\n    const isDictionaryId =\n      localDictionaryIdOrKey.includes(':local:') ||\n      localDictionaryIdOrKey.includes(':remote:');\n\n    if (isDictionaryId) {\n      // If localeDictionaries is loaded, verify this localId belongs to us\n      if (localeDicts && !(localDictionaryIdOrKey in localeDicts)) {\n        return undefined;\n      }\n      const content =\n        edited[localDictionaryIdOrKey as LocalDictionaryId]?.content ?? {};\n\n      return getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n    }\n\n    const matchingIds = Object.keys(edited).filter(\n      (key) =>\n        key.startsWith(`${localDictionaryIdOrKey}:`) &&\n        // If localeDictionaries is loaded, only include known localIds\n        (!localeDicts || key in localeDicts)\n    );\n\n    for (const localId of matchingIds) {\n      const content = edited[localId as LocalDictionaryId]?.content ?? {};\n      const node = getContentNodeByKeyPath(\n        content,\n        filteredKeyPath,\n        this.currentLocale.value\n      );\n      if (node) return node;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * EDITOR mode: listen for CLIENT_READY and respond with EDITOR_ACTIVATE.\n   * Also pings the client immediately in case it loaded before the editor.\n   */\n  private _setupEditorHandshake(): void {\n    // When the client announces it is ready, activate it\n    this._unsubClientReady = this.messenger.subscribe(\n      MessageKey.INTLAYER_CLIENT_READY,\n      () => {\n        this.editorEnabled.set(true);\n        this.messenger.send(MessageKey.INTLAYER_EDITOR_ACTIVATE);\n      }\n    );\n\n    // Ping any already-running client (covers editor-opens-after-client scenario)\n    this.messenger.send(MessageKey.INTLAYER_ARE_YOU_THERE);\n  }\n\n  private _setupActivationHandshake(): void {\n    // Announce to the editor that the client is ready\n    this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n\n    // Respond to \"are you there?\" pings from the editor\n    this._unsubAreYouThere = this.messenger.subscribe(\n      MessageKey.INTLAYER_ARE_YOU_THERE,\n      () => {\n        this.messenger.send(MessageKey.INTLAYER_CLIENT_READY);\n      }\n    );\n\n    // When the editor activates us, enable the selector and broadcast state\n    this._unsubActivate = this.messenger.subscribe(\n      MessageKey.INTLAYER_EDITOR_ACTIVATE,\n      () => {\n        this.editorEnabled.set(true);\n        this._broadcastData();\n      }\n    );\n  }\n\n  private _broadcastData(): void {\n    const configVal = this.configuration.value;\n\n    if (configVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CONFIGURATION}/post`,\n        configVal\n      );\n    }\n    const localeVal = this.currentLocale.value;\n\n    if (localeVal) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_CURRENT_LOCALE}/post`,\n        localeVal\n      );\n    }\n    const dicts = this.localeDictionaries.value;\n\n    if (dicts) {\n      this.messenger.send(\n        `${MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED}/post`,\n        dicts\n      );\n    }\n  }\n\n  private async _loadDictionaries(): Promise<void> {\n    try {\n      const mod = await import('@intlayer/unmerged-dictionaries-entry');\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      ) as DictionaryContent;\n\n      this.localeDictionaries.set(dictionariesList);\n\n      // If the editor already activated us before dictionaries finished loading,\n      // re-broadcast now so the editor receives the dictionaries.\n      if (this.editorEnabled.value) {\n        this._broadcastData();\n      }\n    } catch (e) {\n      // Dynamic entry not available (expected in editor mode or when not configured)\n      console.warn('[intlayer] Failed to load unmerged dictionaries:', e);\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EditorStateManager.mjs","names":[],"sources":["../../../src/core/EditorStateManager.ts"],"sourcesContent":["import {\n  editDictionaryByKeyPath,\n  getContentNodeByKeyPath,\n  renameContentNodeByKeyPath,\n} from '@intlayer/core/dictionaryManipulator';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type {\n  ContentNode,\n  Dictionary,\n  LocalDictionaryId,\n} from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { MessageKey } from '../messageKey';\nimport {\n  CrossFrameMessenger,\n  type MessengerConfig,\n} from './CrossFrameMessenger';\nimport { CrossFrameStateManager } from './CrossFrameStateManager';\nimport { 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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"}

package/dist/esm/core/IframeClickInterceptor.mjs

@@ -1,2 +1,45 @@
-import{MessageKey as e}from"../messageKey.mjs";import{mergeIframeClick as t}from"../mergeIframeClick.mjs";var n=class{constructor(e){this._mousedownHandler=null,this._unsubscribeMerge=null,this._messenger=e}startInterceptor(){typeof window>`u`||(this._mousedownHandler=()=>{this._messenger.send(e.INTLAYER_IFRAME_CLICKED)},window.addEventListener(`mousedown`,this._mousedownHandler))}startMerger(){this._unsubscribeMerge=this._messenger.subscribe(e.INTLAYER_IFRAME_CLICKED,t)}stopInterceptor(){this._mousedownHandler&&=(window.removeEventListener(`mousedown`,this._mousedownHandler),null)}stopMerger(){this._unsubscribeMerge?.(),this._unsubscribeMerge=null}};export{n as IframeClickInterceptor};
+import { MessageKey } from "../messageKey.mjs";
+import { mergeIframeClick } from "../mergeIframeClick.mjs";
+
+//#region src/core/IframeClickInterceptor.ts
+/**
+* IframeClickInterceptor handles click events across iframe boundaries.
+*
+* - startInterceptor(): called in the client (iframe) — broadcasts mousedown to parent
+* - startMerger(): called in the editor (parent) — merges received clicks into DOM events
+*
+* Replaces useIframeClickInterceptor / useIframeClickMerger across all frameworks.
+*/
+var IframeClickInterceptor = class {
+	constructor(messenger) {
+		this._mousedownHandler = null;
+		this._unsubscribeMerge = null;
+		this._messenger = messenger;
+	}
+	/** Called on the client side (inside iframe). Broadcasts click events to parent. */
+	startInterceptor() {
+		if (typeof window === "undefined") return;
+		this._mousedownHandler = () => {
+			this._messenger.send(MessageKey.INTLAYER_IFRAME_CLICKED);
+		};
+		window.addEventListener("mousedown", this._mousedownHandler);
+	}
+	/** Called on the editor side (parent frame). Merges incoming iframe clicks into DOM. */
+	startMerger() {
+		this._unsubscribeMerge = this._messenger.subscribe(MessageKey.INTLAYER_IFRAME_CLICKED, mergeIframeClick);
+	}
+	stopInterceptor() {
+		if (this._mousedownHandler) {
+			window.removeEventListener("mousedown", this._mousedownHandler);
+			this._mousedownHandler = null;
+		}
+	}
+	stopMerger() {
+		this._unsubscribeMerge?.();
+		this._unsubscribeMerge = null;
+	}
+};
+
+//#endregion
+export { IframeClickInterceptor };
 //# sourceMappingURL=IframeClickInterceptor.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IframeClickInterceptor.mjs","names":[],"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":"0GAYA,IAAa,EAAb,KAAoC,CAKlC,YAAY,EAAgC,wBAHM,4BACD,KAG/C,KAAK,WAAa,EAIpB,kBAAyB,CACnB,OAAO,OAAW,MACtB,KAAK,sBAA0B,CAC7B,KAAK,WAAW,KAAK,EAAW,wBAAwB,EAE1D,OAAO,iBAAiB,YAAa,KAAK,kBAAkB,EAI9D,aAAoB,CAClB,KAAK,kBAAoB,KAAK,WAAW,UACvC,EAAW,wBACX,EACD,CAGH,iBAAwB,CACtB,AAEE,KAAK,qBADL,OAAO,oBAAoB,YAAa,KAAK,kBAAkB,CACtC,MAI7B,YAAmB,CACjB,KAAK,qBAAqB,CAC1B,KAAK,kBAAoB"}
+{"version":3,"file":"IframeClickInterceptor.mjs","names":[],"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;CAKlC,YAAY,WAAgC;2BAHM;2BACD;AAG/C,OAAK,aAAa;;;CAIpB,mBAAyB;AACvB,MAAI,OAAO,WAAW,YAAa;AACnC,OAAK,0BAA0B;AAC7B,QAAK,WAAW,KAAK,WAAW,wBAAwB;;AAE1D,SAAO,iBAAiB,aAAa,KAAK,kBAAkB;;;CAI9D,cAAoB;AAClB,OAAK,oBAAoB,KAAK,WAAW,UACvC,WAAW,yBACX,iBACD;;CAGH,kBAAwB;AACtB,MAAI,KAAK,mBAAmB;AAC1B,UAAO,oBAAoB,aAAa,KAAK,kBAAkB;AAC/D,QAAK,oBAAoB;;;CAI7B,aAAmB;AACjB,OAAK,qBAAqB;AAC1B,OAAK,oBAAoB"}

package/dist/esm/core/UrlStateManager.mjs

@@ -1,2 +1,59 @@
-import{MessageKey as e}from"../messageKey.mjs";var t=class{constructor(e){this._originalPushState=null,this._originalReplaceState=null,this._listeners=[],this._messenger=e}start(){if(typeof window>`u`)return;let t=()=>{this._messenger.send(`${e.INTLAYER_URL_CHANGE}/post`,window.location.pathname)};this._originalPushState=history.pushState,this._originalReplaceState=history.replaceState;let n=e=>function(...t){e.apply(this,t),window.dispatchEvent(new Event(`locationchange`))};history.pushState=n(this._originalPushState),history.replaceState=n(this._originalReplaceState);for(let e of[`locationchange`,`popstate`,`hashchange`,`load`]){let n=t;window.addEventListener(e,n),this._listeners.push([e,n])}t()}stop(){if(!(typeof window>`u`)){for(let[e,t]of this._listeners)window.removeEventListener(e,t);this._listeners=[],this._originalPushState&&=(history.pushState=this._originalPushState,null),this._originalReplaceState&&=(history.replaceState=this._originalReplaceState,null)}}};export{t as UrlStateManager};
+import { MessageKey } from "../messageKey.mjs";
+
+//#region src/core/UrlStateManager.ts
+/**
+* UrlStateManager patches window.history and broadcasts URL path changes
+* across frames via postMessage.
+*
+* Replaces useCrossURLPathSetter / useCrossURLPathState across all frameworks.
+*/
+var UrlStateManager = class {
+	constructor(messenger) {
+		this._originalPushState = null;
+		this._originalReplaceState = null;
+		this._listeners = [];
+		this._messenger = messenger;
+	}
+	start() {
+		if (typeof window === "undefined") return;
+		const updateURLState = () => {
+			this._messenger.send(`${MessageKey.INTLAYER_URL_CHANGE}/post`, window.location.pathname);
+		};
+		this._originalPushState = history.pushState;
+		this._originalReplaceState = history.replaceState;
+		const injectLocationChange = (method) => function(...args) {
+			method.apply(this, args);
+			window.dispatchEvent(new Event("locationchange"));
+		};
+		history.pushState = injectLocationChange(this._originalPushState);
+		history.replaceState = injectLocationChange(this._originalReplaceState);
+		for (const eventName of [
+			"locationchange",
+			"popstate",
+			"hashchange",
+			"load"
+		]) {
+			const listener = updateURLState;
+			window.addEventListener(eventName, listener);
+			this._listeners.push([eventName, listener]);
+		}
+		updateURLState();
+	}
+	stop() {
+		if (typeof window === "undefined") return;
+		for (const [eventName, listener] of this._listeners) window.removeEventListener(eventName, listener);
+		this._listeners = [];
+		if (this._originalPushState) {
+			history.pushState = this._originalPushState;
+			this._originalPushState = null;
+		}
+		if (this._originalReplaceState) {
+			history.replaceState = this._originalReplaceState;
+			this._originalReplaceState = null;
+		}
+	}
+};
+
+//#endregion
+export { UrlStateManager };
 //# sourceMappingURL=UrlStateManager.mjs.map