@intlayer/editor 8.4.4 → 8.4.5

package/dist/cjs/components/EditedContent.cjs

@@ -1,13 +1,137 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../core/globalManager.cjs`),t=require(`../decorate-Bg73f0d3.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`),i=require(`@intlayer/core/interpreter`);var a=class extends n.LitElement{constructor(...e){super(...e),this.dictionaryKey=``,this.keyPathJson=`[]`,this.locale=``,this._editedText=null,this._unsubManager=null,this._unsubEditedContent=null}static{this.styles=n.css`
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_core_globalManager = require('../core/globalManager.cjs');
+const require_decorate = require('../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs');
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let _intlayer_core_interpreter = require("@intlayer/core/interpreter");
+
+//#region src/components/EditedContent.ts
+/**
+* <intlayer-edited-content>
+*
+* Framework-agnostic Lit element that displays edited content from the Intlayer
+* editor. When the editor has an edited value for the given dictionary key and
+* key path, it renders the edited value; otherwise it renders the original
+* content via a slot.
+*
+* Always wraps content in <intlayer-content-selector-wrapper> for selection UI.
+*
+* @attr {string} dictionary-key  - The dictionary key owning this content node
+* @attr {string} key-path        - JSON-serialized KeyPath[] for this content node
+* @attr {string} locale          - The current locale string
+*/
+var IntlayerEditedContentElement = class extends lit.LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.dictionaryKey = "";
+		this.keyPathJson = "[]";
+		this.locale = "";
+		this._editedText = null;
+		this._unsubManager = null;
+		this._unsubEditedContent = null;
+	}
+	static {
+		this.styles = lit.css`
     :host {
       display: contents;
     }
-  `}connectedCallback(){super.connectedCallback(),this._subscribeToManager()}disconnectedCallback(){super.disconnectedCallback(),this._teardown()}_teardown(){this._unsubManager?.(),this._unsubEditedContent?.(),this._unsubManager=null,this._unsubEditedContent=null}_getKeyPath(){try{return JSON.parse(this.keyPathJson)}catch{return[]}}_resolveEditedText(e){let t=this._getKeyPath(),n=e.getContentValue(this.dictionaryKey,t);if(n==null){this._editedText=null;return}if(typeof n==`string`||typeof n==`number`){this._editedText=String(n);return}if(typeof n==`object`){let e=this.locale||void 0,r=(0,i.getContent)(n,{locale:e,dictionaryKey:this.dictionaryKey,keyPath:t},(0,i.getBasePlugins)(e));typeof r==`string`||typeof r==`number`?this._editedText=String(r):(console.error(`[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(r)}`),this._editedText=null);return}this._editedText=null}_setupManagerSubscriptions(e){this._resolveEditedText(e);let t=()=>this._resolveEditedText(e);e.editedContent.addEventListener(`change`,t),this._unsubEditedContent=()=>e.editedContent.removeEventListener(`change`,t)}_subscribeToManager(){let t=e.getGlobalEditorManager();t&&this._setupManagerSubscriptions(t),this._unsubManager=e.onGlobalEditorManagerChange(e=>{this._unsubEditedContent?.(),this._unsubEditedContent=null,e?this._setupManagerSubscriptions(e):this._editedText=null})}render(){return n.html`
+  `;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._subscribeToManager();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._teardown();
+	}
+	_teardown() {
+		this._unsubManager?.();
+		this._unsubEditedContent?.();
+		this._unsubManager = null;
+		this._unsubEditedContent = null;
+	}
+	_getKeyPath() {
+		try {
+			return JSON.parse(this.keyPathJson);
+		} catch {
+			return [];
+		}
+	}
+	_resolveEditedText(manager) {
+		const keyPath = this._getKeyPath();
+		const editedValue = manager.getContentValue(this.dictionaryKey, keyPath);
+		if (editedValue === void 0 || editedValue === null) {
+			this._editedText = null;
+			return;
+		}
+		if (typeof editedValue === "string" || typeof editedValue === "number") {
+			this._editedText = String(editedValue);
+			return;
+		}
+		if (typeof editedValue === "object") {
+			const locale = this.locale || void 0;
+			const transformed = (0, _intlayer_core_interpreter.getContent)(editedValue, {
+				locale,
+				dictionaryKey: this.dictionaryKey,
+				keyPath
+			}, (0, _intlayer_core_interpreter.getBasePlugins)(locale));
+			if (typeof transformed === "string" || typeof transformed === "number") this._editedText = String(transformed);
+			else {
+				console.error(`[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`);
+				this._editedText = null;
+			}
+			return;
+		}
+		this._editedText = null;
+	}
+	_setupManagerSubscriptions(manager) {
+		this._resolveEditedText(manager);
+		const handleChange = () => this._resolveEditedText(manager);
+		manager.editedContent.addEventListener("change", handleChange);
+		this._unsubEditedContent = () => manager.editedContent.removeEventListener("change", handleChange);
+	}
+	_subscribeToManager() {
+		const manager = require_core_globalManager.getGlobalEditorManager();
+		if (manager) this._setupManagerSubscriptions(manager);
+		this._unsubManager = require_core_globalManager.onGlobalEditorManagerChange((m) => {
+			this._unsubEditedContent?.();
+			this._unsubEditedContent = null;
+			if (m) this._setupManagerSubscriptions(m);
+			else this._editedText = null;
+		});
+	}
+	render() {
+		return lit.html`
       <intlayer-content-selector-wrapper
         key-path=${this.keyPathJson}
         dictionary-key=${this.dictionaryKey}
       >
-        ${this._editedText===null?n.html`<slot></slot>`:this._editedText}
+        ${this._editedText !== null ? this._editedText : lit.html`<slot></slot>`}
       </intlayer-content-selector-wrapper>
-    `}};t.t([(0,r.property)({type:String,attribute:`dictionary-key`})],a.prototype,`dictionaryKey`,void 0),t.t([(0,r.property)({type:String,attribute:`key-path`})],a.prototype,`keyPathJson`,void 0),t.t([(0,r.property)({type:String,attribute:`locale`})],a.prototype,`locale`,void 0),t.t([(0,r.state)()],a.prototype,`_editedText`,void 0);const o=()=>{typeof customElements>`u`||customElements.get(`intlayer-edited-content`)||customElements.define(`intlayer-edited-content`,a)};exports.IntlayerEditedContentElement=a,exports.defineIntlayerEditedContent=o;
+    `;
+	}
+};
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: String,
+	attribute: "dictionary-key"
+})], IntlayerEditedContentElement.prototype, "dictionaryKey", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: String,
+	attribute: "key-path"
+})], IntlayerEditedContentElement.prototype, "keyPathJson", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.property)({
+	type: String,
+	attribute: "locale"
+})], IntlayerEditedContentElement.prototype, "locale", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.state)()], IntlayerEditedContentElement.prototype, "_editedText", void 0);
+const defineIntlayerEditedContent = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-edited-content")) customElements.define("intlayer-edited-content", IntlayerEditedContentElement);
+};
+
+//#endregion
+exports.IntlayerEditedContentElement = IntlayerEditedContentElement;
+exports.defineIntlayerEditedContent = defineIntlayerEditedContent;
 //# sourceMappingURL=EditedContent.cjs.map

package/dist/cjs/components/EditedContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContent.cjs","names":["LitElement","getGlobalEditorManager","onGlobalEditorManagerChange"],"sources":["../../../src/components/EditedContent.ts"],"sourcesContent":["import { getBasePlugins, getContent } from '@intlayer/core/interpreter';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport type { EditorStateManager } from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\n\n/**\n * <intlayer-edited-content>\n *\n * Framework-agnostic Lit element that displays edited content from the Intlayer\n * editor. When the editor has an edited value for the given dictionary key and\n * key path, it renders the edited value; otherwise it renders the original\n * content via a slot.\n *\n * Always wraps content in <intlayer-content-selector-wrapper> for selection UI.\n *\n * @attr {string} dictionary-key  - The dictionary key owning this content node\n * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n * @attr {string} locale          - The current locale string\n */\nexport class IntlayerEditedContentElement extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  @property({ type: String, attribute: 'dictionary-key' }) dictionaryKey = '';\n  @property({ type: String, attribute: 'key-path' }) keyPathJson = '[]';\n  @property({ type: String, attribute: 'locale' }) locale = '';\n\n  @state() private _editedText: string | null = null;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._subscribeToManager();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardown();\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _getKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this.keyPathJson);\n    } catch {\n      return [];\n    }\n  }\n\n  private _resolveEditedText(manager: EditorStateManager): void {\n    const keyPath = this._getKeyPath();\n    const editedValue = manager.getContentValue(this.dictionaryKey, keyPath);\n\n    if (editedValue === undefined || editedValue === null) {\n      this._editedText = null;\n      return;\n    }\n\n    if (typeof editedValue === 'string' || typeof editedValue === 'number') {\n      this._editedText = String(editedValue);\n      return;\n    }\n\n    if (typeof editedValue === 'object') {\n      const locale = this.locale || undefined;\n      const transformed = getContent(\n        editedValue,\n        {\n          locale: locale as any,\n          dictionaryKey: this.dictionaryKey,\n          keyPath,\n        },\n        getBasePlugins(locale as any)\n      );\n      if (typeof transformed === 'string' || typeof transformed === 'number') {\n        this._editedText = String(transformed);\n      } else {\n        console.error(\n          `[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`\n        );\n        this._editedText = null;\n      }\n      return;\n    }\n\n    this._editedText = null;\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._resolveEditedText(manager);\n\n    const handleChange = () => this._resolveEditedText(manager);\n    manager.editedContent.addEventListener('change', handleChange);\n\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener('change', handleChange);\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEditedContent?.();\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editedText = null;\n      }\n    });\n  }\n\n  render() {\n    return html`\n      <intlayer-content-selector-wrapper\n        key-path=${this.keyPathJson}\n        dictionary-key=${this.dictionaryKey}\n      >\n        ${this._editedText !== null ? this._editedText : html`<slot></slot>`}\n      </intlayer-content-selector-wrapper>\n    `;\n  }\n}\n\nexport const defineIntlayerEditedContent = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-edited-content')) {\n    customElements.define(\n      'intlayer-edited-content',\n      IntlayerEditedContentElement\n    );\n  }\n};\n"],"mappings":"mRAwBA,IAAa,EAAb,cAAkDA,EAAAA,UAAW,kDAOc,oBACR,iBACP,oBAEZ,wBAED,8BACM,wBAbnC,EAAA,GAAG;;;;IAenB,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,qBAAqB,CAG5B,sBAA6B,CAC3B,MAAM,sBAAsB,CAC5B,KAAK,WAAW,CAGlB,WAA0B,CACxB,KAAK,iBAAiB,CACtB,KAAK,uBAAuB,CAC5B,KAAK,cAAgB,KACrB,KAAK,oBAAsB,KAG7B,aAAiC,CAC/B,GAAI,CACF,OAAO,KAAK,MAAM,KAAK,YAAY,MAC7B,CACN,MAAO,EAAE,EAIb,mBAA2B,EAAmC,CAC5D,IAAM,EAAU,KAAK,aAAa,CAC5B,EAAc,EAAQ,gBAAgB,KAAK,cAAe,EAAQ,CAExE,GAAI,GAA6C,KAAM,CACrD,KAAK,YAAc,KACnB,OAGF,GAAI,OAAO,GAAgB,UAAY,OAAO,GAAgB,SAAU,CACtE,KAAK,YAAc,OAAO,EAAY,CACtC,OAGF,GAAI,OAAO,GAAgB,SAAU,CACnC,IAAM,EAAS,KAAK,QAAU,IAAA,GACxB,GAAA,EAAA,EAAA,YACJ,EACA,CACU,SACR,cAAe,KAAK,cACpB,UACD,EAAA,EAAA,EAAA,gBACc,EAAc,CAC9B,CACG,OAAO,GAAgB,UAAY,OAAO,GAAgB,SAC5D,KAAK,YAAc,OAAO,EAAY,EAEtC,QAAQ,MACN,sFAAsF,KAAK,UAAU,EAAY,GAClH,CACD,KAAK,YAAc,MAErB,OAGF,KAAK,YAAc,KAGrB,2BAAmC,EAAmC,CACpE,KAAK,mBAAmB,EAAQ,CAEhC,IAAM,MAAqB,KAAK,mBAAmB,EAAQ,CAC3D,EAAQ,cAAc,iBAAiB,SAAU,EAAa,CAE9D,KAAK,wBACH,EAAQ,cAAc,oBAAoB,SAAU,EAAa,CAGrE,qBAAoC,CAClC,IAAM,EAAUC,EAAAA,wBAAwB,CACpC,GACF,KAAK,2BAA2B,EAAQ,CAG1C,KAAK,cAAgBC,EAAAA,4BAA6B,GAAM,CACtD,KAAK,uBAAuB,CAC5B,KAAK,oBAAsB,KACvB,EACF,KAAK,2BAA2B,EAAE,CAElC,KAAK,YAAc,MAErB,CAGJ,QAAS,CACP,MAAO,GAAA,IAAI;;mBAEI,KAAK,YAAY;yBACX,KAAK,cAAc;;UAElC,KAAK,cAAgB,KAA0B,EAAA,IAAI,gBAAvB,KAAK,YAAkC;;4BA1GjE,CAAE,KAAM,OAAQ,UAAW,iBAAkB,CAAC,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,qBAC9C,CAAE,KAAM,OAAQ,UAAW,WAAY,CAAC,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,qBACxC,CAAE,KAAM,OAAQ,UAAW,SAAU,CAAC,CAAA,CAAA,EAAA,UAAA,SAAA,IAAA,GAAA,mBAExC,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,CA4GV,MAAa,MAA0C,CACjD,OAAO,eAAmB,KAEzB,eAAe,IAAI,0BAA0B,EAChD,eAAe,OACb,0BACA,EACD"}
+{"version":3,"file":"EditedContent.cjs","names":["LitElement","getGlobalEditorManager","onGlobalEditorManagerChange"],"sources":["../../../src/components/EditedContent.ts"],"sourcesContent":["import { getBasePlugins, getContent } from '@intlayer/core/interpreter';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport type { EditorStateManager } from '../core/EditorStateManager';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\n\n/**\n * <intlayer-edited-content>\n *\n * Framework-agnostic Lit element that displays edited content from the Intlayer\n * editor. When the editor has an edited value for the given dictionary key and\n * key path, it renders the edited value; otherwise it renders the original\n * content via a slot.\n *\n * Always wraps content in <intlayer-content-selector-wrapper> for selection UI.\n *\n * @attr {string} dictionary-key  - The dictionary key owning this content node\n * @attr {string} key-path        - JSON-serialized KeyPath[] for this content node\n * @attr {string} locale          - The current locale string\n */\nexport class IntlayerEditedContentElement extends LitElement {\n  static styles = css`\n    :host {\n      display: contents;\n    }\n  `;\n\n  @property({ type: String, attribute: 'dictionary-key' }) dictionaryKey = '';\n  @property({ type: String, attribute: 'key-path' }) keyPathJson = '[]';\n  @property({ type: String, attribute: 'locale' }) locale = '';\n\n  @state() private _editedText: string | null = null;\n\n  private _unsubManager: (() => void) | null = null;\n  private _unsubEditedContent: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._subscribeToManager();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._teardown();\n  }\n\n  private _teardown(): void {\n    this._unsubManager?.();\n    this._unsubEditedContent?.();\n    this._unsubManager = null;\n    this._unsubEditedContent = null;\n  }\n\n  private _getKeyPath(): KeyPath[] {\n    try {\n      return JSON.parse(this.keyPathJson);\n    } catch {\n      return [];\n    }\n  }\n\n  private _resolveEditedText(manager: EditorStateManager): void {\n    const keyPath = this._getKeyPath();\n    const editedValue = manager.getContentValue(this.dictionaryKey, keyPath);\n\n    if (editedValue === undefined || editedValue === null) {\n      this._editedText = null;\n      return;\n    }\n\n    if (typeof editedValue === 'string' || typeof editedValue === 'number') {\n      this._editedText = String(editedValue);\n      return;\n    }\n\n    if (typeof editedValue === 'object') {\n      const locale = this.locale || undefined;\n      const transformed = getContent(\n        editedValue,\n        {\n          locale: locale as any,\n          dictionaryKey: this.dictionaryKey,\n          keyPath,\n        },\n        getBasePlugins(locale as any)\n      );\n      if (typeof transformed === 'string' || typeof transformed === 'number') {\n        this._editedText = String(transformed);\n      } else {\n        console.error(\n          `[intlayer-edited-content] Incorrect edited content format. Expected string. Value: ${JSON.stringify(transformed)}`\n        );\n        this._editedText = null;\n      }\n      return;\n    }\n\n    this._editedText = null;\n  }\n\n  private _setupManagerSubscriptions(manager: EditorStateManager): void {\n    this._resolveEditedText(manager);\n\n    const handleChange = () => this._resolveEditedText(manager);\n    manager.editedContent.addEventListener('change', handleChange);\n\n    this._unsubEditedContent = () =>\n      manager.editedContent.removeEventListener('change', handleChange);\n  }\n\n  private _subscribeToManager(): void {\n    const manager = getGlobalEditorManager();\n    if (manager) {\n      this._setupManagerSubscriptions(manager);\n    }\n\n    this._unsubManager = onGlobalEditorManagerChange((m) => {\n      this._unsubEditedContent?.();\n      this._unsubEditedContent = null;\n      if (m) {\n        this._setupManagerSubscriptions(m);\n      } else {\n        this._editedText = null;\n      }\n    });\n  }\n\n  render() {\n    return html`\n      <intlayer-content-selector-wrapper\n        key-path=${this.keyPathJson}\n        dictionary-key=${this.dictionaryKey}\n      >\n        ${this._editedText !== null ? this._editedText : html`<slot></slot>`}\n      </intlayer-content-selector-wrapper>\n    `;\n  }\n}\n\nexport const defineIntlayerEditedContent = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-edited-content')) {\n    customElements.define(\n      'intlayer-edited-content',\n      IntlayerEditedContentElement\n    );\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,+BAAb,cAAkDA,eAAW;;;uBAOc;qBACR;gBACP;qBAEZ;uBAED;6BACM;;;gBAbnC,OAAG;;;;;;CAenB,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,qBAAqB;;CAG5B,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,OAAK,WAAW;;CAGlB,AAAQ,YAAkB;AACxB,OAAK,iBAAiB;AACtB,OAAK,uBAAuB;AAC5B,OAAK,gBAAgB;AACrB,OAAK,sBAAsB;;CAG7B,AAAQ,cAAyB;AAC/B,MAAI;AACF,UAAO,KAAK,MAAM,KAAK,YAAY;UAC7B;AACN,UAAO,EAAE;;;CAIb,AAAQ,mBAAmB,SAAmC;EAC5D,MAAM,UAAU,KAAK,aAAa;EAClC,MAAM,cAAc,QAAQ,gBAAgB,KAAK,eAAe,QAAQ;AAExE,MAAI,gBAAgB,UAAa,gBAAgB,MAAM;AACrD,QAAK,cAAc;AACnB;;AAGF,MAAI,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,UAAU;AACtE,QAAK,cAAc,OAAO,YAAY;AACtC;;AAGF,MAAI,OAAO,gBAAgB,UAAU;GACnC,MAAM,SAAS,KAAK,UAAU;GAC9B,MAAM,yDACJ,aACA;IACU;IACR,eAAe,KAAK;IACpB;IACD,iDACc,OAAc,CAC9B;AACD,OAAI,OAAO,gBAAgB,YAAY,OAAO,gBAAgB,SAC5D,MAAK,cAAc,OAAO,YAAY;QACjC;AACL,YAAQ,MACN,sFAAsF,KAAK,UAAU,YAAY,GAClH;AACD,SAAK,cAAc;;AAErB;;AAGF,OAAK,cAAc;;CAGrB,AAAQ,2BAA2B,SAAmC;AACpE,OAAK,mBAAmB,QAAQ;EAEhC,MAAM,qBAAqB,KAAK,mBAAmB,QAAQ;AAC3D,UAAQ,cAAc,iBAAiB,UAAU,aAAa;AAE9D,OAAK,4BACH,QAAQ,cAAc,oBAAoB,UAAU,aAAa;;CAGrE,AAAQ,sBAA4B;EAClC,MAAM,UAAUC,mDAAwB;AACxC,MAAI,QACF,MAAK,2BAA2B,QAAQ;AAG1C,OAAK,gBAAgBC,wDAA6B,MAAM;AACtD,QAAK,uBAAuB;AAC5B,QAAK,sBAAsB;AAC3B,OAAI,EACF,MAAK,2BAA2B,EAAE;OAElC,MAAK,cAAc;IAErB;;CAGJ,SAAS;AACP,SAAO,QAAI;;mBAEI,KAAK,YAAY;yBACX,KAAK,cAAc;;UAElC,KAAK,gBAAgB,OAAO,KAAK,cAAc,QAAI,gBAAgB;;;;;6DA1GjE;CAAE,MAAM;CAAQ,WAAW;CAAkB,CAAC;6DAC9C;CAAE,MAAM;CAAQ,WAAW;CAAY,CAAC;6DACxC;CAAE,MAAM;CAAQ,WAAW;CAAU,CAAC;2DAExC;AA4GV,MAAa,oCAA0C;AACrD,KAAI,OAAO,mBAAmB,YAAa;AAE3C,KAAI,CAAC,eAAe,IAAI,0BAA0B,CAChD,gBAAe,OACb,2BACA,6BACD"}

package/dist/cjs/components/IntlayerEditor.cjs

@@ -1 +1,87 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../components-DWu35JEb.cjs`);exports.IntlayerEditorElement=e.r,exports.defineIntlayerEditorElement=e.i;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_core_globalManager = require('../core/globalManager.cjs');
+const require_decorate = require('../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs');
+const require_core_initEditorClient = require('../core/initEditorClient.cjs');
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+
+//#region src/components/IntlayerEditor.ts
+/**
+* <intlayer-editor>
+*
+* A framework-agnostic Lit element 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 (display: contents, empty shadow root).
+*
+* @prop {IntlayerConfig} configuration  - The Intlayer config (required; set as 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 lit.LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._initialized = false;
+		this._unsubManager = null;
+	}
+	/** No visible UI — render nothing into the shadow root */
+	createRenderRoot() {
+		return this;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this._init();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._unsubManager?.();
+		this._unsubManager = null;
+		if (this._initialized) {
+			require_core_initEditorClient.stopEditorClient();
+			this._initialized = false;
+		}
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("configuration") && !this._initialized) this._init();
+		if (changedProperties.has("locale") && this.locale) this._syncLocale(this.locale);
+	}
+	_init() {
+		if (this._initialized) return;
+		require_core_initEditorClient.initEditorClient();
+		this._initialized = true;
+		if (this.locale) this._syncLocale(this.locale);
+	}
+	_syncLocale(locale) {
+		const manager = require_core_globalManager.getGlobalEditorManager();
+		if (manager) manager.currentLocale.set(locale);
+		else {
+			this._unsubManager?.();
+			this._unsubManager = require_core_globalManager.onGlobalEditorManagerChange((manager) => {
+				if (manager) {
+					this._unsubManager?.();
+					this._unsubManager = null;
+					manager.currentLocale.set(locale);
+				}
+			});
+		}
+	}
+};
+require_decorate.__decorate([(0, lit_decorators_js.property)({ attribute: false })], IntlayerEditorElement.prototype, "configuration", void 0);
+require_decorate.__decorate([(0, lit_decorators_js.property)({ type: String })], IntlayerEditorElement.prototype, "locale", void 0);
+const defineIntlayerEditorElement = () => {
+	if (typeof customElements === "undefined") return;
+	if (!customElements.get("intlayer-editor")) customElements.define("intlayer-editor", IntlayerEditorElement);
+};
+
+//#endregion
+exports.IntlayerEditorElement = IntlayerEditorElement;
+exports.defineIntlayerEditorElement = defineIntlayerEditorElement;
+//# sourceMappingURL=IntlayerEditor.cjs.map

package/dist/cjs/components/IntlayerEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerEditor.cjs","names":["LitElement","getGlobalEditorManager","onGlobalEditorManagerChange"],"sources":["../../../src/components/IntlayerEditor.ts"],"sourcesContent":["import type { Locale } from '@intlayer/types/allLocales';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n  getGlobalEditorManager,\n  onGlobalEditorManagerChange,\n} from '../core/globalManager';\nimport { initEditorClient, stopEditorClient } from '../core/initEditorClient';\n\n/**\n * <intlayer-editor>\n *\n * A framework-agnostic Lit element 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 (display: contents, empty shadow root).\n *\n * @prop {IntlayerConfig} configuration  - The Intlayer config (required; set as 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 */\nexport class IntlayerEditorElement extends LitElement {\n  /** No visible UI — render nothing into the shadow root */\n  createRenderRoot(): this {\n    return this;\n  }\n\n  @property({ attribute: false }) configuration?: IntlayerConfig;\n\n  @property({ type: String }) locale?: string;\n\n  private _initialized = false;\n  private _unsubManager: (() => void) | null = null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._init();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._unsubManager?.();\n    this._unsubManager = null;\n\n    if (this._initialized) {\n      stopEditorClient();\n      this._initialized = false;\n    }\n  }\n\n  updated(changedProperties: Map<string | symbol, unknown>): void {\n    if (changedProperties.has('configuration') && !this._initialized) {\n      this._init();\n    }\n\n    if (changedProperties.has('locale') && this.locale) {\n      this._syncLocale(this.locale);\n    }\n  }\n\n  private _init(): void {\n    if (this._initialized) return;\n\n    initEditorClient();\n\n    this._initialized = true;\n\n    // Sync locale immediately after init if it is already set\n    if (this.locale) {\n      this._syncLocale(this.locale);\n    }\n  }\n\n  private _syncLocale(locale: string): void {\n    const manager = getGlobalEditorManager();\n\n    if (manager) {\n      manager.currentLocale.set(locale as Locale);\n    } else {\n      // Manager may not be ready yet — wait for it\n      this._unsubManager?.();\n      this._unsubManager = onGlobalEditorManagerChange((manager) => {\n        if (manager) {\n          this._unsubManager?.();\n          this._unsubManager = null;\n\n          manager.currentLocale.set(locale as Locale);\n        }\n      });\n    }\n  }\n}\n\nexport const defineIntlayerEditorElement = (): void => {\n  if (typeof customElements === 'undefined') return;\n\n  if (!customElements.get('intlayer-editor')) {\n    customElements.define('intlayer-editor', IntlayerEditorElement);\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,wBAAb,cAA2CA,eAAW;;;sBAU7B;uBACsB;;;CAT7C,mBAAyB;AACvB,SAAO;;CAUT,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,OAAO;;CAGd,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,OAAK,iBAAiB;AACtB,OAAK,gBAAgB;AAErB,MAAI,KAAK,cAAc;AACrB,mDAAkB;AAClB,QAAK,eAAe;;;CAIxB,QAAQ,mBAAwD;AAC9D,MAAI,kBAAkB,IAAI,gBAAgB,IAAI,CAAC,KAAK,aAClD,MAAK,OAAO;AAGd,MAAI,kBAAkB,IAAI,SAAS,IAAI,KAAK,OAC1C,MAAK,YAAY,KAAK,OAAO;;CAIjC,AAAQ,QAAc;AACpB,MAAI,KAAK,aAAc;AAEvB,kDAAkB;AAElB,OAAK,eAAe;AAGpB,MAAI,KAAK,OACP,MAAK,YAAY,KAAK,OAAO;;CAIjC,AAAQ,YAAY,QAAsB;EACxC,MAAM,UAAUC,mDAAwB;AAExC,MAAI,QACF,SAAQ,cAAc,IAAI,OAAiB;OACtC;AAEL,QAAK,iBAAiB;AACtB,QAAK,gBAAgBC,wDAA6B,YAAY;AAC5D,QAAI,SAAS;AACX,UAAK,iBAAiB;AACtB,UAAK,gBAAgB;AAErB,aAAQ,cAAc,IAAI,OAAiB;;KAE7C;;;;6DA7DI,EAAE,WAAW,OAAO,CAAC;6DAErB,EAAE,MAAM,QAAQ,CAAC;AAgE7B,MAAa,oCAA0C;AACrD,KAAI,OAAO,mBAAmB,YAAa;AAE3C,KAAI,CAAC,eAAe,IAAI,kBAAkB,CACxC,gBAAe,OAAO,mBAAmB,sBAAsB"}

package/dist/cjs/components/index.cjs

@@ -1 +1,14 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./ContentSelectorWrapper.cjs`),t=require(`./EditedContent.cjs`),n=require(`../components-DWu35JEb.cjs`);exports.IntlayerContentSelectorElement=n.t,exports.IntlayerContentSelectorWrapperElement=e.IntlayerContentSelectorWrapperElement,exports.IntlayerEditedContentElement=t.IntlayerEditedContentElement,exports.IntlayerEditorElement=n.r,exports.defineIntlayerContentSelectorWrapper=e.defineIntlayerContentSelectorWrapper,exports.defineIntlayerEditedContent=t.defineIntlayerEditedContent,exports.defineIntlayerEditorElement=n.i,exports.defineIntlayerElements=n.n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_components_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
+const require_components_EditedContent = require('./EditedContent.cjs');
+const require_components_IntlayerEditor = require('./IntlayerEditor.cjs');
+const require_components_ContentSelector = require('./ContentSelector.cjs');
+
+exports.IntlayerContentSelectorElement = require_components_ContentSelector.IntlayerContentSelectorElement;
+exports.IntlayerContentSelectorWrapperElement = require_components_ContentSelectorWrapper.IntlayerContentSelectorWrapperElement;
+exports.IntlayerEditedContentElement = require_components_EditedContent.IntlayerEditedContentElement;
+exports.IntlayerEditorElement = require_components_IntlayerEditor.IntlayerEditorElement;
+exports.defineIntlayerContentSelectorWrapper = require_components_ContentSelectorWrapper.defineIntlayerContentSelectorWrapper;
+exports.defineIntlayerEditedContent = require_components_EditedContent.defineIntlayerEditedContent;
+exports.defineIntlayerEditorElement = require_components_IntlayerEditor.defineIntlayerEditorElement;
+exports.defineIntlayerElements = require_components_ContentSelector.defineIntlayerElements;

package/dist/cjs/core/CrossFrameMessenger.cjs

@@ -1,2 +1,78 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../compareUrls.cjs`),t=()=>Math.random().toString(36).slice(2);var n=class{constructor(e){this._subscribers=new Map,this._windowHandler=null,this._seenMessageIds=new Set,this._config=e,this.senderId=t()}start(){typeof window>`u`||this._windowHandler||(this._windowHandler=e=>{this._handleMessage(e)},window.addEventListener(`message`,this._windowHandler))}stop(){this._windowHandler&&=(window.removeEventListener(`message`,this._windowHandler),null)}send(e,n){let r={type:e,data:n,senderId:this.senderId,messageId:t()};for(let e of this._config.allowedOrigins)e&&this._config.postMessageFn(r,e)}subscribe(e,t){return this._subscribers.has(e)||this._subscribers.set(e,new Set),this._subscribers.get(e).add(t),()=>{this._subscribers.get(e)?.delete(t)}}_handleMessage(t){let n=t.data;if(!n||typeof n!=`object`)return;let{type:r,data:i,senderId:a,messageId:o}=n;if(!r||typeof r!=`string`||a===this.senderId)return;if(o){if(this._seenMessageIds.has(o))return;this._seenMessageIds.add(o),this._seenMessageIds.size>200&&this._seenMessageIds.clear()}let{allowedOrigins:s}=this._config;if(!(!s||s.length===0||s.includes(`*`)||s.filter(e=>!!e&&e!==``).some(n=>e.compareUrls(n,t.origin))))return;let c=this._subscribers.get(r);if(c)for(let e of c)e(i,a)}};exports.CrossFrameMessenger=n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_compareUrls = require('../compareUrls.cjs');
+
+//#region src/core/CrossFrameMessenger.ts
+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 {
+	constructor(config) {
+		this._subscribers = /* @__PURE__ */ new Map();
+		this._windowHandler = null;
+		this._seenMessageIds = /* @__PURE__ */ new Set();
+		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/core/CrossFrameMessenger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CrossFrameMessenger.cjs","names":["compareUrls"],"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":"yGAEM,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,GAAQA,EAAAA,YAAY,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.cjs","names":["compareUrls"],"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,QAAQA,gCAAY,KAAK,MAAM,OAAO,CAAC,EAElC;EAEhB,MAAM,WAAW,KAAK,aAAa,IAAI,KAAK;AAE5C,MAAI,SACF,MAAK,MAAM,WAAW,SACpB,SAAQ,MAAM,YAAY"}

package/dist/cjs/core/CrossFrameStateManager.cjs

@@ -1,2 +1,72 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});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)}};exports.CrossFrameStateManager=e;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#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
+exports.CrossFrameStateManager = CrossFrameStateManager;
 //# sourceMappingURL=CrossFrameStateManager.cjs.map

package/dist/cjs/core/CrossFrameStateManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CrossFrameStateManager.cjs","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":"mEAqBA,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.cjs","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"}