@intlayer/next-i18next 8.12.5-canary.0

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/IntlayerEditorElement.cjs

@@ -0,0 +1,88 @@
+const require_globalManager = require('../core/globalManager.cjs');
+const require_initEditorClient = require('../core/initEditorClient.cjs');
+
+//#region ../../packages/@intlayer/editor/dist/esm/components/IntlayerEditorElement.mjs
+const _HTMLElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
+/**
+* <intlayer-editor>
+*
+* A framework-agnostic web component that manages the Intlayer editor singleton
+* lifecycle and keeps the current locale in sync with the EditorStateManager.
+*
+* Drop this element once at the root of your application to activate the editor.
+* It renders no UI.
+*
+* @prop {IntlayerConfig} configuration  - The Intlayer config (required; set as JS property, not attribute)
+* @prop {string}         locale         - The active application locale (attribute/property)
+*
+* @example
+* // Svelte
+* <intlayer-editor .configuration={config} locale={$locale} />
+*
+* // Vue
+* <intlayer-editor :configuration="config" :locale="currentLocale" />
+*/
+var IntlayerEditorElement = class extends _HTMLElement {
+	_configuration = void 0;
+	_locale = void 0;
+	_initialized = false;
+	_unsubManager = null;
+	static get observedAttributes() {
+		return ["locale"];
+	}
+	get configuration() {
+		return this._configuration;
+	}
+	set configuration(v) {
+		this._configuration = v;
+		if (!this._initialized) this._init();
+	}
+	get locale() {
+		return this._locale;
+	}
+	set locale(v) {
+		this._locale = v;
+		if (v && this._initialized) this._syncLocale(v);
+	}
+	attributeChangedCallback(name, _oldVal, newVal) {
+		if (name === "locale" && newVal !== null) {
+			this._locale = newVal;
+			if (this._initialized) this._syncLocale(newVal);
+		}
+	}
+	connectedCallback() {
+		this._init();
+	}
+	disconnectedCallback() {
+		this._unsubManager?.();
+		this._unsubManager = null;
+		if (this._initialized) {
+			require_initEditorClient.stopEditorClient();
+			this._initialized = false;
+		}
+	}
+	_init() {
+		if (this._initialized) return;
+		require_initEditorClient.initEditorClient();
+		this._initialized = true;
+		if (this._locale) this._syncLocale(this._locale);
+	}
+	_syncLocale(locale) {
+		const manager = require_globalManager.getGlobalEditorManager();
+		if (manager) manager.currentLocale.set(locale);
+		else {
+			this._unsubManager?.();
+			this._unsubManager = require_globalManager.onGlobalEditorManagerChange((m) => {
+				if (m) {
+					this._unsubManager?.();
+					this._unsubManager = null;
+					m.currentLocale.set(locale);
+				}
+			});
+		}
+	}
+};
+
+//#endregion
+exports.IntlayerEditorElement = IntlayerEditorElement;
+//# sourceMappingURL=IntlayerEditorElement.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/IntlayerEditorElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerEditorElement.cjs","names":["getGlobalEditorManager","onGlobalEditorManagerChange"],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/components/IntlayerEditorElement.mjs"],"sourcesContent":["import { getGlobalEditorManager, onGlobalEditorManagerChange } from \"../core/globalManager.mjs\";\nimport { initEditorClient, stopEditorClient } from \"../core/initEditorClient.mjs\";\n\n//#region src/components/IntlayerEditorElement.ts\nconst _HTMLElement = typeof HTMLElement !== \"undefined\" ? HTMLElement : class {};\n/**\n* <intlayer-editor>\n*\n* A framework-agnostic web component that manages the Intlayer editor singleton\n* lifecycle and keeps the current locale in sync with the EditorStateManager.\n*\n* Drop this element once at the root of your application to activate the editor.\n* It renders no UI.\n*\n* @prop {IntlayerConfig} configuration  - The Intlayer config (required; set as JS property, not attribute)\n* @prop {string}         locale         - The active application locale (attribute/property)\n*\n* @example\n* // Svelte\n* <intlayer-editor .configuration={config} locale={$locale} />\n*\n* // Vue\n* <intlayer-editor :configuration=\"config\" :locale=\"currentLocale\" />\n*/\nvar IntlayerEditorElement = class extends _HTMLElement {\n\t_configuration = void 0;\n\t_locale = void 0;\n\t_initialized = false;\n\t_unsubManager = null;\n\tstatic get observedAttributes() {\n\t\treturn [\"locale\"];\n\t}\n\tget configuration() {\n\t\treturn this._configuration;\n\t}\n\tset configuration(v) {\n\t\tthis._configuration = v;\n\t\tif (!this._initialized) this._init();\n\t}\n\tget locale() {\n\t\treturn this._locale;\n\t}\n\tset locale(v) {\n\t\tthis._locale = v;\n\t\tif (v && this._initialized) this._syncLocale(v);\n\t}\n\tattributeChangedCallback(name, _oldVal, newVal) {\n\t\tif (name === \"locale\" && newVal !== null) {\n\t\t\tthis._locale = newVal;\n\t\t\tif (this._initialized) this._syncLocale(newVal);\n\t\t}\n\t}\n\tconnectedCallback() {\n\t\tthis._init();\n\t}\n\tdisconnectedCallback() {\n\t\tthis._unsubManager?.();\n\t\tthis._unsubManager = null;\n\t\tif (this._initialized) {\n\t\t\tstopEditorClient();\n\t\t\tthis._initialized = false;\n\t\t}\n\t}\n\t_init() {\n\t\tif (this._initialized) return;\n\t\tinitEditorClient();\n\t\tthis._initialized = true;\n\t\tif (this._locale) this._syncLocale(this._locale);\n\t}\n\t_syncLocale(locale) {\n\t\tconst manager = getGlobalEditorManager();\n\t\tif (manager) manager.currentLocale.set(locale);\n\t\telse {\n\t\t\tthis._unsubManager?.();\n\t\t\tthis._unsubManager = onGlobalEditorManagerChange((m) => {\n\t\t\t\tif (m) {\n\t\t\t\t\tthis._unsubManager?.();\n\t\t\t\t\tthis._unsubManager = null;\n\t\t\t\t\tm.currentLocale.set(locale);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n};\n\n//#endregion\nexport { IntlayerEditorElement };\n//# sourceMappingURL=IntlayerEditorElement.mjs.map"],"mappings":";;;;AAIA,MAAM,eAAe,OAAO,gBAAgB,cAAc,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;AAoB9E,IAAI,wBAAwB,cAAc,aAAa;CACtD,iBAAiB,KAAK;CACtB,UAAU,KAAK;CACf,eAAe;CACf,gBAAgB;CAChB,WAAW,qBAAqB;AAC/B,SAAO,CAAC,SAAS;;CAElB,IAAI,gBAAgB;AACnB,SAAO,KAAK;;CAEb,IAAI,cAAc,GAAG;AACpB,OAAK,iBAAiB;AACtB,MAAI,CAAC,KAAK,aAAc,MAAK,OAAO;;CAErC,IAAI,SAAS;AACZ,SAAO,KAAK;;CAEb,IAAI,OAAO,GAAG;AACb,OAAK,UAAU;AACf,MAAI,KAAK,KAAK,aAAc,MAAK,YAAY,EAAE;;CAEhD,yBAAyB,MAAM,SAAS,QAAQ;AAC/C,MAAI,SAAS,YAAY,WAAW,MAAM;AACzC,QAAK,UAAU;AACf,OAAI,KAAK,aAAc,MAAK,YAAY,OAAO;;;CAGjD,oBAAoB;AACnB,OAAK,OAAO;;CAEb,uBAAuB;AACtB,OAAK,iBAAiB;AACtB,OAAK,gBAAgB;AACrB,MAAI,KAAK,cAAc;AACtB,8CAAkB;AAClB,QAAK,eAAe;;;CAGtB,QAAQ;AACP,MAAI,KAAK,aAAc;AACvB,6CAAkB;AAClB,OAAK,eAAe;AACpB,MAAI,KAAK,QAAS,MAAK,YAAY,KAAK,QAAQ;;CAEjD,YAAY,QAAQ;EACnB,MAAM,UAAUA,8CAAwB;AACxC,MAAI,QAAS,SAAQ,cAAc,IAAI,OAAO;OACzC;AACJ,QAAK,iBAAiB;AACtB,QAAK,gBAAgBC,mDAA6B,MAAM;AACvD,QAAI,GAAG;AACN,UAAK,iBAAiB;AACtB,UAAK,gBAAgB;AACrB,OAAE,cAAc,IAAI,OAAO;;KAE3B"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/defineIntlayerElements.cjs

@@ -0,0 +1,27 @@
+const require_ContentSelector = require('./ContentSelector.cjs');
+const require_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
+const require_EditedContent = require('./EditedContent.cjs');
+const require_IntlayerEditorElement = require('./IntlayerEditorElement.cjs');
+
+//#region ../../packages/@intlayer/editor/dist/esm/components/defineIntlayerElements.mjs
+const defineIntlayerEditorElement = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-editor")) customElements.define("intlayer-editor", require_IntlayerEditorElement.IntlayerEditorElement);
+};
+/**
+* Register all Intlayer custom elements.
+* Call this once at application startup (inside IntlayerEditorProvider or similar).
+* Safe to call multiple times — only registers elements that are not yet defined.
+*/
+const defineIntlayerElements = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-content-selector")) customElements.define("intlayer-content-selector", require_ContentSelector.IntlayerContentSelectorElement);
+	require_ContentSelectorWrapper.defineIntlayerContentSelectorWrapper();
+	require_EditedContent.defineIntlayerEditedContent();
+	defineIntlayerEditorElement();
+};
+
+//#endregion
+exports.defineIntlayerEditorElement = defineIntlayerEditorElement;
+exports.defineIntlayerElements = defineIntlayerElements;
+//# sourceMappingURL=defineIntlayerElements.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/defineIntlayerElements.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineIntlayerElements.cjs","names":["IntlayerEditorElement","IntlayerContentSelectorElement"],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/components/defineIntlayerElements.mjs"],"sourcesContent":["import { IntlayerContentSelectorElement } from \"./ContentSelector.mjs\";\nimport { defineIntlayerContentSelectorWrapper } from \"./ContentSelectorWrapper.mjs\";\nimport { defineIntlayerEditedContent } from \"./EditedContent.mjs\";\nimport { IntlayerEditorElement } from \"./IntlayerEditorElement.mjs\";\n\n//#region src/components/defineIntlayerElements.ts\nconst defineIntlayerEditorElement = () => {\n\tif (typeof customElements === \"undefined\") return;\n\tif (!customElements.get(\"intlayer-editor\")) customElements.define(\"intlayer-editor\", IntlayerEditorElement);\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*/\nconst defineIntlayerElements = () => {\n\tif (typeof customElements === \"undefined\") return;\n\tif (!customElements.get(\"intlayer-content-selector\")) customElements.define(\"intlayer-content-selector\", IntlayerContentSelectorElement);\n\tdefineIntlayerContentSelectorWrapper();\n\tdefineIntlayerEditedContent();\n\tdefineIntlayerEditorElement();\n};\n\n//#endregion\nexport { defineIntlayerEditorElement, defineIntlayerElements };\n//# sourceMappingURL=defineIntlayerElements.mjs.map"],"mappings":";;;;;;AAMA,MAAM,oCAAoC;AACzC,KAAI,OAAO,mBAAmB,YAAa;AAC3C,KAAI,CAAC,eAAe,IAAI,kBAAkB,CAAE,gBAAe,OAAO,mBAAmBA,oDAAsB;;;;;;;AAO5G,MAAM,+BAA+B;AACpC,KAAI,OAAO,mBAAmB,YAAa;AAC3C,KAAI,CAAC,eAAe,IAAI,4BAA4B,CAAE,gBAAe,OAAO,6BAA6BC,uDAA+B;AACxI,sEAAsC;AACtC,oDAA6B;AAC7B,8BAA6B"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/core/CrossFrameMessenger.cjs

@@ -0,0 +1,80 @@
+const require_compareUrls = require('../compareUrls.cjs');
+
+//#region ../../packages/@intlayer/editor/dist/esm/core/CrossFrameMessenger.mjs
+const randomUUID = () => Math.random().toString(36).slice(2);
+/**
+* CrossFrameMessenger manages all cross-frame postMessage communication.
+* It owns a single window message listener and routes incoming messages to
+* type-specific subscribers.
+*
+* Replaces CommunicatorContext + useCrossFrameMessageListener across all frameworks.
+*/
+var CrossFrameMessenger = class {
+	senderId;
+	_config;
+	_subscribers = /* @__PURE__ */ new Map();
+	_windowHandler = null;
+	/** Tracks recently processed messageIds to discard duplicates (same payload sent to multiple origins) */
+	_seenMessageIds = /* @__PURE__ */ new Set();
+	constructor(config) {
+		this._config = config;
+		this.senderId = randomUUID();
+	}
+	/** Start listening for incoming messages on window. */
+	start() {
+		if (typeof window === "undefined") return;
+		if (this._windowHandler) return;
+		this._windowHandler = (event) => {
+			this._handleMessage(event);
+		};
+		window.addEventListener("message", this._windowHandler);
+	}
+	/** Stop listening and clean up. */
+	stop() {
+		if (this._windowHandler) {
+			window.removeEventListener("message", this._windowHandler);
+			this._windowHandler = null;
+		}
+	}
+	/** Send a message payload to all configured target origins. */
+	send(type, data) {
+		const payload = {
+			type,
+			data,
+			senderId: this.senderId,
+			messageId: randomUUID()
+		};
+		for (const origin of this._config.allowedOrigins) if (origin) this._config.postMessageFn(payload, origin);
+	}
+	/**
+	* Subscribe to messages of a given type.
+	* Returns an unsubscribe function.
+	*/
+	subscribe(type, handler) {
+		if (!this._subscribers.has(type)) this._subscribers.set(type, /* @__PURE__ */ new Set());
+		this._subscribers.get(type).add(handler);
+		return () => {
+			this._subscribers.get(type)?.delete(handler);
+		};
+	}
+	_handleMessage(event) {
+		const payload = event.data;
+		if (!payload || typeof payload !== "object") return;
+		const { type, data, senderId: msgSenderId, messageId } = payload;
+		if (!type || typeof type !== "string") return;
+		if (msgSenderId === this.senderId) return;
+		if (messageId) {
+			if (this._seenMessageIds.has(messageId)) return;
+			this._seenMessageIds.add(messageId);
+			if (this._seenMessageIds.size > 200) this._seenMessageIds.clear();
+		}
+		const { allowedOrigins } = this._config;
+		if (!(!allowedOrigins || allowedOrigins.length === 0 || allowedOrigins.includes("*") || allowedOrigins.filter((url) => Boolean(url) && url !== "").some((url) => require_compareUrls.compareUrls(url, event.origin)))) return;
+		const handlers = this._subscribers.get(type);
+		if (handlers) for (const handler of handlers) handler(data, msgSenderId);
+	}
+};
+
+//#endregion
+exports.CrossFrameMessenger = CrossFrameMessenger;
+//# sourceMappingURL=CrossFrameMessenger.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/core/CrossFrameMessenger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossFrameMessenger.cjs","names":["compareUrls"],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/core/CrossFrameMessenger.mjs"],"sourcesContent":["import { compareUrls } from \"../compareUrls.mjs\";\n\n//#region src/core/CrossFrameMessenger.ts\nconst randomUUID = () => Math.random().toString(36).slice(2);\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*/\nvar CrossFrameMessenger = class {\n\tsenderId;\n\t_config;\n\t_subscribers = /* @__PURE__ */ new Map();\n\t_windowHandler = null;\n\t/** Tracks recently processed messageIds to discard duplicates (same payload sent to multiple origins) */\n\t_seenMessageIds = /* @__PURE__ */ new Set();\n\tconstructor(config) {\n\t\tthis._config = config;\n\t\tthis.senderId = randomUUID();\n\t}\n\t/** Start listening for incoming messages on window. */\n\tstart() {\n\t\tif (typeof window === \"undefined\") return;\n\t\tif (this._windowHandler) return;\n\t\tthis._windowHandler = (event) => {\n\t\t\tthis._handleMessage(event);\n\t\t};\n\t\twindow.addEventListener(\"message\", this._windowHandler);\n\t}\n\t/** Stop listening and clean up. */\n\tstop() {\n\t\tif (this._windowHandler) {\n\t\t\twindow.removeEventListener(\"message\", this._windowHandler);\n\t\t\tthis._windowHandler = null;\n\t\t}\n\t}\n\t/** Send a message payload to all configured target origins. */\n\tsend(type, data) {\n\t\tconst payload = {\n\t\t\ttype,\n\t\t\tdata,\n\t\t\tsenderId: this.senderId,\n\t\t\tmessageId: randomUUID()\n\t\t};\n\t\tfor (const origin of this._config.allowedOrigins) if (origin) this._config.postMessageFn(payload, origin);\n\t}\n\t/**\n\t* Subscribe to messages of a given type.\n\t* Returns an unsubscribe function.\n\t*/\n\tsubscribe(type, handler) {\n\t\tif (!this._subscribers.has(type)) this._subscribers.set(type, /* @__PURE__ */ new Set());\n\t\tthis._subscribers.get(type).add(handler);\n\t\treturn () => {\n\t\t\tthis._subscribers.get(type)?.delete(handler);\n\t\t};\n\t}\n\t_handleMessage(event) {\n\t\tconst payload = event.data;\n\t\tif (!payload || typeof payload !== \"object\") return;\n\t\tconst { type, data, senderId: msgSenderId, messageId } = payload;\n\t\tif (!type || typeof type !== \"string\") return;\n\t\tif (msgSenderId === this.senderId) return;\n\t\tif (messageId) {\n\t\t\tif (this._seenMessageIds.has(messageId)) return;\n\t\t\tthis._seenMessageIds.add(messageId);\n\t\t\tif (this._seenMessageIds.size > 200) this._seenMessageIds.clear();\n\t\t}\n\t\tconst { allowedOrigins } = this._config;\n\t\tif (!(!allowedOrigins || allowedOrigins.length === 0 || allowedOrigins.includes(\"*\") || allowedOrigins.filter((url) => Boolean(url) && url !== \"\").some((url) => compareUrls(url, event.origin)))) return;\n\t\tconst handlers = this._subscribers.get(type);\n\t\tif (handlers) for (const handler of handlers) handler(data, msgSenderId);\n\t}\n};\n\n//#endregion\nexport { CrossFrameMessenger };\n//# sourceMappingURL=CrossFrameMessenger.mjs.map"],"mappings":";;;AAGA,MAAM,mBAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;;;;;;;AAQ5D,IAAI,sBAAsB,MAAM;CAC/B;CACA;CACA,+BAA+B,IAAI,KAAK;CACxC,iBAAiB;;CAEjB,kCAAkC,IAAI,KAAK;CAC3C,YAAY,QAAQ;AACnB,OAAK,UAAU;AACf,OAAK,WAAW,YAAY;;;CAG7B,QAAQ;AACP,MAAI,OAAO,WAAW,YAAa;AACnC,MAAI,KAAK,eAAgB;AACzB,OAAK,kBAAkB,UAAU;AAChC,QAAK,eAAe,MAAM;;AAE3B,SAAO,iBAAiB,WAAW,KAAK,eAAe;;;CAGxD,OAAO;AACN,MAAI,KAAK,gBAAgB;AACxB,UAAO,oBAAoB,WAAW,KAAK,eAAe;AAC1D,QAAK,iBAAiB;;;;CAIxB,KAAK,MAAM,MAAM;EAChB,MAAM,UAAU;GACf;GACA;GACA,UAAU,KAAK;GACf,WAAW,YAAY;GACvB;AACD,OAAK,MAAM,UAAU,KAAK,QAAQ,eAAgB,KAAI,OAAQ,MAAK,QAAQ,cAAc,SAAS,OAAO;;;;;;CAM1G,UAAU,MAAM,SAAS;AACxB,MAAI,CAAC,KAAK,aAAa,IAAI,KAAK,CAAE,MAAK,aAAa,IAAI,sBAAsB,IAAI,KAAK,CAAC;AACxF,OAAK,aAAa,IAAI,KAAK,CAAC,IAAI,QAAQ;AACxC,eAAa;AACZ,QAAK,aAAa,IAAI,KAAK,EAAE,OAAO,QAAQ;;;CAG9C,eAAe,OAAO;EACrB,MAAM,UAAU,MAAM;AACtB,MAAI,CAAC,WAAW,OAAO,YAAY,SAAU;EAC7C,MAAM,EAAE,MAAM,MAAM,UAAU,aAAa,cAAc;AACzD,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU;AACvC,MAAI,gBAAgB,KAAK,SAAU;AACnC,MAAI,WAAW;AACd,OAAI,KAAK,gBAAgB,IAAI,UAAU,CAAE;AACzC,QAAK,gBAAgB,IAAI,UAAU;AACnC,OAAI,KAAK,gBAAgB,OAAO,IAAK,MAAK,gBAAgB,OAAO;;EAElE,MAAM,EAAE,mBAAmB,KAAK;AAChC,MAAI,EAAE,CAAC,kBAAkB,eAAe,WAAW,KAAK,eAAe,SAAS,IAAI,IAAI,eAAe,QAAQ,QAAQ,QAAQ,IAAI,IAAI,QAAQ,GAAG,CAAC,MAAM,QAAQA,gCAAY,KAAK,MAAM,OAAO,CAAC,EAAG;EACnM,MAAM,WAAW,KAAK,aAAa,IAAI,KAAK;AAC5C,MAAI,SAAU,MAAK,MAAM,WAAW,SAAU,SAAQ,MAAM,YAAY"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/core/CrossFrameStateManager.cjs

@@ -0,0 +1,75 @@
+
+//#region ../../packages/@intlayer/editor/dist/esm/core/CrossFrameStateManager.mjs
+/**
+* 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 {
+	_value;
+	_key;
+	_messenger;
+	_options;
+	_unsubscribers = [];
+	constructor(key, messenger, options = {}) {
+		super();
+		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
+exports.CrossFrameStateManager = CrossFrameStateManager;
+//# sourceMappingURL=CrossFrameStateManager.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/core/CrossFrameStateManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossFrameStateManager.cjs","names":[],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/core/CrossFrameStateManager.mjs"],"sourcesContent":["//#region src/core/CrossFrameStateManager.ts\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*/\nvar CrossFrameStateManager = class extends EventTarget {\n\t_value;\n\t_key;\n\t_messenger;\n\t_options;\n\t_unsubscribers = [];\n\tconstructor(key, messenger, options = {}) {\n\t\tsuper();\n\t\tthis._key = key;\n\t\tthis._messenger = messenger;\n\t\tthis._options = {\n\t\t\temit: options.emit ?? true,\n\t\t\treceive: options.receive ?? true\n\t\t};\n\t\tif (options.initialValue !== void 0) this._value = options.initialValue;\n\t}\n\tget value() {\n\t\treturn this._value;\n\t}\n\t/** Update the value locally and broadcast it to other frames if emit is enabled. */\n\tset(newValue) {\n\t\tthis._value = newValue;\n\t\tthis.dispatchEvent(new CustomEvent(\"change\", { detail: newValue }));\n\t\tif (this._options.emit) this._messenger.send(`${this._key}/post`, newValue);\n\t}\n\t/**\n\t* Start listening for incoming state updates and responding to /get requests.\n\t* If receive=true and no initial value is set, sends a /get to request the current value.\n\t*/\n\tstart() {\n\t\tif (this._options.receive) {\n\t\t\tconst unsub = this._messenger.subscribe(`${this._key}/post`, (data) => {\n\t\t\t\tthis._value = data;\n\t\t\t\tthis.dispatchEvent(new CustomEvent(\"change\", { detail: data }));\n\t\t\t});\n\t\t\tthis._unsubscribers.push(unsub);\n\t\t}\n\t\tif (this._options.emit) {\n\t\t\tconst unsub = this._messenger.subscribe(`${this._key}/get`, (_, originSenderId) => {\n\t\t\t\tif (originSenderId === this._messenger.senderId) return;\n\t\t\t\tif (this._value === void 0) return;\n\t\t\t\tthis._messenger.send(`${this._key}/post`, this._value);\n\t\t\t});\n\t\t\tthis._unsubscribers.push(unsub);\n\t\t}\n\t\tif (this._options.receive && this._value === void 0) this._messenger.send(`${this._key}/get`);\n\t}\n\t/** Stop all listeners. */\n\tstop() {\n\t\tfor (const unsub of this._unsubscribers) unsub();\n\t\tthis._unsubscribers.length = 0;\n\t}\n\t/** Broadcast the current value to all frames (useful after reconnect). */\n\tpostCurrentValue() {\n\t\tif (this._value !== void 0) this._messenger.send(`${this._key}/post`, this._value);\n\t}\n};\n\n//#endregion\nexport { CrossFrameStateManager };\n//# sourceMappingURL=CrossFrameStateManager.mjs.map"],"mappings":";;;;;;;;;;;;;;AAaA,IAAI,yBAAyB,cAAc,YAAY;CACtD;CACA;CACA;CACA;CACA,iBAAiB,EAAE;CACnB,YAAY,KAAK,WAAW,UAAU,EAAE,EAAE;AACzC,SAAO;AACP,OAAK,OAAO;AACZ,OAAK,aAAa;AAClB,OAAK,WAAW;GACf,MAAM,QAAQ,QAAQ;GACtB,SAAS,QAAQ,WAAW;GAC5B;AACD,MAAI,QAAQ,iBAAiB,KAAK,EAAG,MAAK,SAAS,QAAQ;;CAE5D,IAAI,QAAQ;AACX,SAAO,KAAK;;;CAGb,IAAI,UAAU;AACb,OAAK,SAAS;AACd,OAAK,cAAc,IAAI,YAAY,UAAU,EAAE,QAAQ,UAAU,CAAC,CAAC;AACnE,MAAI,KAAK,SAAS,KAAM,MAAK,WAAW,KAAK,GAAG,KAAK,KAAK,QAAQ,SAAS;;;;;;CAM5E,QAAQ;AACP,MAAI,KAAK,SAAS,SAAS;GAC1B,MAAM,QAAQ,KAAK,WAAW,UAAU,GAAG,KAAK,KAAK,SAAS,SAAS;AACtE,SAAK,SAAS;AACd,SAAK,cAAc,IAAI,YAAY,UAAU,EAAE,QAAQ,MAAM,CAAC,CAAC;KAC9D;AACF,QAAK,eAAe,KAAK,MAAM;;AAEhC,MAAI,KAAK,SAAS,MAAM;GACvB,MAAM,QAAQ,KAAK,WAAW,UAAU,GAAG,KAAK,KAAK,QAAQ,GAAG,mBAAmB;AAClF,QAAI,mBAAmB,KAAK,WAAW,SAAU;AACjD,QAAI,KAAK,WAAW,KAAK,EAAG;AAC5B,SAAK,WAAW,KAAK,GAAG,KAAK,KAAK,QAAQ,KAAK,OAAO;KACrD;AACF,QAAK,eAAe,KAAK,MAAM;;AAEhC,MAAI,KAAK,SAAS,WAAW,KAAK,WAAW,KAAK,EAAG,MAAK,WAAW,KAAK,GAAG,KAAK,KAAK,MAAM;;;CAG9F,OAAO;AACN,OAAK,MAAM,SAAS,KAAK,eAAgB,QAAO;AAChD,OAAK,eAAe,SAAS;;;CAG9B,mBAAmB;AAClB,MAAI,KAAK,WAAW,KAAK,EAAG,MAAK,WAAW,KAAK,GAAG,KAAK,KAAK,QAAQ,KAAK,OAAO"}