@intlayer/editor 8.3.3 → 8.4.0-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/cjs/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs +1 -0
  2. package/dist/cjs/_virtual/_rolldown/runtime.cjs +1 -0
  3. package/dist/cjs/components/ContentSelector.cjs +41 -0
  4. package/dist/cjs/components/ContentSelector.cjs.map +1 -0
  5. package/dist/cjs/components/ContentSelectorWrapper.cjs +15 -0
  6. package/dist/cjs/components/ContentSelectorWrapper.cjs.map +1 -0
  7. package/dist/cjs/components/EditedContent.cjs +13 -0
  8. package/dist/cjs/components/EditedContent.cjs.map +1 -0
  9. package/dist/cjs/components/IntlayerEditor.cjs +2 -0
  10. package/dist/cjs/components/IntlayerEditor.cjs.map +1 -0
  11. package/dist/cjs/components/index.cjs +1 -0
  12. package/dist/cjs/core/CrossFrameMessenger.cjs +2 -0
  13. package/dist/cjs/core/CrossFrameMessenger.cjs.map +1 -0
  14. package/dist/cjs/core/CrossFrameStateManager.cjs +2 -0
  15. package/dist/cjs/core/CrossFrameStateManager.cjs.map +1 -0
  16. package/dist/cjs/core/EditorStateManager.cjs +2 -0
  17. package/dist/cjs/core/EditorStateManager.cjs.map +1 -0
  18. package/dist/cjs/core/IframeClickInterceptor.cjs +2 -0
  19. package/dist/cjs/core/IframeClickInterceptor.cjs.map +1 -0
  20. package/dist/cjs/core/UrlStateManager.cjs +2 -0
  21. package/dist/cjs/core/UrlStateManager.cjs.map +1 -0
  22. package/dist/cjs/core/globalManager.cjs +2 -0
  23. package/dist/cjs/core/globalManager.cjs.map +1 -0
  24. package/dist/cjs/core/index.cjs +1 -0
  25. package/dist/cjs/core/initEditorClient.cjs +2 -0
  26. package/dist/cjs/core/initEditorClient.cjs.map +1 -0
  27. package/dist/cjs/index.cjs +1 -1
  28. package/dist/cjs/isEnabled.cjs +2 -0
  29. package/dist/cjs/isEnabled.cjs.map +1 -0
  30. package/dist/cjs/messageKey.cjs +2 -0
  31. package/dist/cjs/messageKey.cjs.map +1 -0
  32. package/dist/esm/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs +1 -0
  33. package/dist/esm/components/ContentSelector.mjs +41 -0
  34. package/dist/esm/components/ContentSelector.mjs.map +1 -0
  35. package/dist/esm/components/ContentSelectorWrapper.mjs +15 -0
  36. package/dist/esm/components/ContentSelectorWrapper.mjs.map +1 -0
  37. package/dist/esm/components/EditedContent.mjs +13 -0
  38. package/dist/esm/components/EditedContent.mjs.map +1 -0
  39. package/dist/esm/components/IntlayerEditor.mjs +2 -0
  40. package/dist/esm/components/IntlayerEditor.mjs.map +1 -0
  41. package/dist/esm/components/index.mjs +1 -0
  42. package/dist/esm/core/CrossFrameMessenger.mjs +2 -0
  43. package/dist/esm/core/CrossFrameMessenger.mjs.map +1 -0
  44. package/dist/esm/core/CrossFrameStateManager.mjs +2 -0
  45. package/dist/esm/core/CrossFrameStateManager.mjs.map +1 -0
  46. package/dist/esm/core/EditorStateManager.mjs +2 -0
  47. package/dist/esm/core/EditorStateManager.mjs.map +1 -0
  48. package/dist/esm/core/IframeClickInterceptor.mjs +2 -0
  49. package/dist/esm/core/IframeClickInterceptor.mjs.map +1 -0
  50. package/dist/esm/core/UrlStateManager.mjs +2 -0
  51. package/dist/esm/core/UrlStateManager.mjs.map +1 -0
  52. package/dist/esm/core/globalManager.mjs +2 -0
  53. package/dist/esm/core/globalManager.mjs.map +1 -0
  54. package/dist/esm/core/index.mjs +1 -0
  55. package/dist/esm/core/initEditorClient.mjs +2 -0
  56. package/dist/esm/core/initEditorClient.mjs.map +1 -0
  57. package/dist/esm/index.mjs +1 -1
  58. package/dist/esm/isEnabled.mjs +2 -0
  59. package/dist/esm/isEnabled.mjs.map +1 -0
  60. package/dist/esm/messageKey.mjs +2 -0
  61. package/dist/esm/messageKey.mjs.map +1 -0
  62. package/dist/types/components/ContentSelector.d.ts +49 -0
  63. package/dist/types/components/ContentSelector.d.ts.map +1 -0
  64. package/dist/types/components/ContentSelectorWrapper.d.ts +49 -0
  65. package/dist/types/components/ContentSelectorWrapper.d.ts.map +1 -0
  66. package/dist/types/components/EditedContent.d.ts +39 -0
  67. package/dist/types/components/EditedContent.d.ts.map +1 -0
  68. package/dist/types/components/IntlayerEditor.d.ts +40 -0
  69. package/dist/types/components/IntlayerEditor.d.ts.map +1 -0
  70. package/dist/types/components/index.d.ts +5 -0
  71. package/dist/types/core/CrossFrameMessenger.d.ts +51 -0
  72. package/dist/types/core/CrossFrameMessenger.d.ts.map +1 -0
  73. package/dist/types/core/CrossFrameStateManager.d.ts +44 -0
  74. package/dist/types/core/CrossFrameStateManager.d.ts.map +1 -0
  75. package/dist/types/core/EditorStateManager.d.ts +73 -0
  76. package/dist/types/core/EditorStateManager.d.ts.map +1 -0
  77. package/dist/types/core/IframeClickInterceptor.d.ts +26 -0
  78. package/dist/types/core/IframeClickInterceptor.d.ts.map +1 -0
  79. package/dist/types/core/UrlStateManager.d.ts +21 -0
  80. package/dist/types/core/UrlStateManager.d.ts.map +1 -0
  81. package/dist/types/core/globalManager.d.ts +39 -0
  82. package/dist/types/core/globalManager.d.ts.map +1 -0
  83. package/dist/types/core/index.d.ts +8 -0
  84. package/dist/types/core/initEditorClient.d.ts +20 -0
  85. package/dist/types/core/initEditorClient.d.ts.map +1 -0
  86. package/dist/types/index.d.ts +13 -2
  87. package/dist/types/isEnabled.d.ts +5 -0
  88. package/dist/types/isEnabled.d.ts.map +1 -0
  89. package/dist/types/messageKey.d.ts +27 -0
  90. package/dist/types/messageKey.d.ts.map +1 -0
  91. package/package.json +18 -3
  92. package/dist/cjs/messagesKeys.cjs +0 -2
  93. package/dist/cjs/messagesKeys.cjs.map +0 -1
  94. package/dist/esm/messagesKeys.mjs +0 -2
  95. package/dist/esm/messagesKeys.mjs.map +0 -1
  96. package/dist/types/messagesKeys.d.ts +0 -16
  97. package/dist/types/messagesKeys.d.ts.map +0 -1
@@ -0,0 +1,2 @@
1
+ import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t}from"../core/globalManager.mjs";import{__decorate as n}from"../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";import{initEditorClient as r,stopEditorClient as i}from"../core/initEditorClient.mjs";import{LitElement as a}from"lit";import{property as o}from"lit/decorators.js";var s=class extends a{constructor(...e){super(...e),this._initialized=!1,this._unsubManager=null}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._init()}disconnectedCallback(){super.disconnectedCallback(),this._unsubManager?.(),this._unsubManager=null,this._initialized&&=(i(),!1)}updated(e){e.has(`configuration`)&&!this._initialized&&this._init(),e.has(`locale`)&&this.locale&&this._syncLocale(this.locale)}_init(){this._initialized||(r(),this._initialized=!0,this.locale&&this._syncLocale(this.locale))}_syncLocale(n){let r=e();r?r.currentLocale.set(n):(this._unsubManager?.(),this._unsubManager=t(e=>{e&&(this._unsubManager?.(),this._unsubManager=null,e.currentLocale.set(n))}))}};n([o({attribute:!1})],s.prototype,`configuration`,void 0),n([o({type:String})],s.prototype,`locale`,void 0);const c=()=>{typeof customElements>`u`||customElements.get(`intlayer-editor`)||customElements.define(`intlayer-editor`,s)};export{s as IntlayerEditorElement,c as defineIntlayerEditorElement};
2
+ //# sourceMappingURL=IntlayerEditor.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IntlayerEditor.mjs","names":[],"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":"oWA6BA,IAAa,EAAb,cAA2C,CAAW,iDAU7B,sBACsB,KAT7C,kBAAyB,CACvB,OAAO,KAUT,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,OAAO,CAGd,sBAA6B,CAC3B,MAAM,sBAAsB,CAC5B,KAAK,iBAAiB,CACtB,KAAK,cAAgB,KAErB,AAEE,KAAK,gBADL,GAAkB,CACE,IAIxB,QAAQ,EAAwD,CAC1D,EAAkB,IAAI,gBAAgB,EAAI,CAAC,KAAK,cAClD,KAAK,OAAO,CAGV,EAAkB,IAAI,SAAS,EAAI,KAAK,QAC1C,KAAK,YAAY,KAAK,OAAO,CAIjC,OAAsB,CAChB,KAAK,eAET,GAAkB,CAElB,KAAK,aAAe,GAGhB,KAAK,QACP,KAAK,YAAY,KAAK,OAAO,EAIjC,YAAoB,EAAsB,CACxC,IAAM,EAAU,GAAwB,CAEpC,EACF,EAAQ,cAAc,IAAI,EAAiB,EAG3C,KAAK,iBAAiB,CACtB,KAAK,cAAgB,EAA6B,GAAY,CACxD,IACF,KAAK,iBAAiB,CACtB,KAAK,cAAgB,KAErB,EAAQ,cAAc,IAAI,EAAiB,GAE7C,OA7DL,EAAS,CAAE,UAAW,GAAO,CAAC,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,IAE9B,EAAS,CAAE,KAAM,OAAQ,CAAC,CAAA,CAAA,EAAA,UAAA,SAAA,IAAA,GAAA,CAgE7B,MAAa,MAA0C,CACjD,OAAO,eAAmB,KAEzB,eAAe,IAAI,kBAAkB,EACxC,eAAe,OAAO,kBAAmB,EAAsB"}
@@ -0,0 +1 @@
1
+ import{IntlayerContentSelectorWrapperElement as e,defineIntlayerContentSelectorWrapper as t}from"./ContentSelectorWrapper.mjs";import{IntlayerEditedContentElement as n,defineIntlayerEditedContent as r}from"./EditedContent.mjs";import{IntlayerEditorElement as i,defineIntlayerEditorElement as a}from"./IntlayerEditor.mjs";import{IntlayerContentSelectorElement as o,defineIntlayerElements as s}from"./ContentSelector.mjs";export{o as IntlayerContentSelectorElement,e as IntlayerContentSelectorWrapperElement,n as IntlayerEditedContentElement,i as IntlayerEditorElement,t as defineIntlayerContentSelectorWrapper,r as defineIntlayerEditedContent,a as defineIntlayerEditorElement,s as defineIntlayerElements};
@@ -0,0 +1,2 @@
1
+ import{compareUrls as e}from"../compareUrls.mjs";const 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(n,t.origin))))return;let c=this._subscribers.get(r);if(c)for(let e of c)e(i,a)}};export{n as CrossFrameMessenger};
2
+ //# sourceMappingURL=CrossFrameMessenger.mjs.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=CrossFrameStateManager.mjs.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=EditorStateManager.mjs.map
@@ -0,0 +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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"}
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=IframeClickInterceptor.mjs.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=UrlStateManager.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UrlStateManager.mjs","names":[],"sources":["../../../src/core/UrlStateManager.ts"],"sourcesContent":["import { MessageKey } from '../messageKey';\nimport type { CrossFrameMessenger } from './CrossFrameMessenger';\n\n/**\n * UrlStateManager patches window.history and broadcasts URL path changes\n * across frames via postMessage.\n *\n * Replaces useCrossURLPathSetter / useCrossURLPathState across all frameworks.\n */\nexport class UrlStateManager {\n private readonly _messenger: CrossFrameMessenger;\n private _originalPushState: typeof history.pushState | null = null;\n private _originalReplaceState: typeof history.replaceState | null = null;\n private _listeners: Array<[string, EventListener]> = [];\n\n constructor(messenger: CrossFrameMessenger) {\n this._messenger = messenger;\n }\n\n start(): void {\n if (typeof window === 'undefined') return;\n\n const updateURLState = () => {\n this._messenger.send(\n `${MessageKey.INTLAYER_URL_CHANGE}/post`,\n window.location.pathname\n );\n };\n\n this._originalPushState = history.pushState;\n this._originalReplaceState = history.replaceState;\n\n const injectLocationChange = (method: typeof history.pushState) =>\n function (\n this: typeof history,\n ...args: Parameters<typeof history.pushState>\n ) {\n method.apply(this, args);\n window.dispatchEvent(new Event('locationchange'));\n };\n\n history.pushState = injectLocationChange(\n this._originalPushState\n ) as typeof history.pushState;\n history.replaceState = injectLocationChange(\n this._originalReplaceState\n ) as typeof history.replaceState;\n\n for (const eventName of [\n 'locationchange',\n 'popstate',\n 'hashchange',\n 'load',\n ] as const) {\n const listener = updateURLState as EventListener;\n window.addEventListener(eventName, listener);\n this._listeners.push([eventName, listener]);\n }\n\n updateURLState();\n }\n\n stop(): void {\n if (typeof window === 'undefined') return;\n\n for (const [eventName, listener] of this._listeners) {\n window.removeEventListener(eventName, listener);\n }\n this._listeners = [];\n\n if (this._originalPushState) {\n history.pushState = this._originalPushState;\n this._originalPushState = null;\n }\n if (this._originalReplaceState) {\n history.replaceState = this._originalReplaceState;\n this._originalReplaceState = null;\n }\n }\n}\n"],"mappings":"+CASA,IAAa,EAAb,KAA6B,CAM3B,YAAY,EAAgC,yBAJkB,gCACM,qBACf,EAAE,CAGrD,KAAK,WAAa,EAGpB,OAAc,CACZ,GAAI,OAAO,OAAW,IAAa,OAEnC,IAAM,MAAuB,CAC3B,KAAK,WAAW,KACd,GAAG,EAAW,oBAAoB,OAClC,OAAO,SAAS,SACjB,EAGH,KAAK,mBAAqB,QAAQ,UAClC,KAAK,sBAAwB,QAAQ,aAErC,IAAM,EAAwB,GAC5B,SAEE,GAAG,EACH,CACA,EAAO,MAAM,KAAM,EAAK,CACxB,OAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC,EAGrD,QAAQ,UAAY,EAClB,KAAK,mBACN,CACD,QAAQ,aAAe,EACrB,KAAK,sBACN,CAED,IAAK,IAAM,IAAa,CACtB,iBACA,WACA,aACA,OACD,CAAW,CACV,IAAM,EAAW,EACjB,OAAO,iBAAiB,EAAW,EAAS,CAC5C,KAAK,WAAW,KAAK,CAAC,EAAW,EAAS,CAAC,CAG7C,GAAgB,CAGlB,MAAa,CACP,YAAO,OAAW,KAEtB,KAAK,GAAM,CAAC,EAAW,KAAa,KAAK,WACvC,OAAO,oBAAoB,EAAW,EAAS,CAEjD,KAAK,WAAa,EAAE,CAEpB,AAEE,KAAK,sBADL,QAAQ,UAAY,KAAK,mBACC,MAE5B,AAEE,KAAK,yBADL,QAAQ,aAAe,KAAK,sBACC"}
@@ -0,0 +1,2 @@
1
+ const e=`__intlayer_editor_manager__`,t=`__intlayer_editor_manager_events__`,n=()=>{if(typeof window>`u`)return new EventTarget;let e=window;return e[t]||(e[t]=new EventTarget),e[t]},r=()=>typeof window>`u`?null:window[e]??null,i=t=>{if(typeof window<`u`){let n=window;n[e]=t}n().dispatchEvent(new CustomEvent(`change`,{detail:t}))},a=e=>{let t=n(),r=t=>{e(t.detail)};return t.addEventListener(`change`,r),()=>{t.removeEventListener(`change`,r)}};export{r as getGlobalEditorManager,a as onGlobalEditorManagerChange,i as setGlobalEditorManager};
2
+ //# sourceMappingURL=globalManager.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"globalManager.mjs","names":[],"sources":["../../../src/core/globalManager.ts"],"sourcesContent":["import type { EditorStateManager } from './EditorStateManager';\n\n/**\n * Type for storing custom properties on the global window object.\n * Used to safely attach singleton instances across multiple module instances.\n */\ntype WindowWithEditorGlobals = typeof window & {\n [MANAGER_KEY]?: EditorStateManager | null;\n [EVENTS_KEY]?: EventTarget;\n [key: string]: unknown;\n};\n\n/**\n * Keys on window used to share the singleton across multiple module instances.\n * When bundlers include @intlayer/editor more than once (e.g. framework package +\n * app), each copy has its own module-level variables. Using window ensures they\n * all read/write the same manager and event-target.\n */\nconst MANAGER_KEY = '__intlayer_editor_manager__';\nconst EVENTS_KEY = '__intlayer_editor_manager_events__';\n\n/**\n * Retrieves or creates a shared EventTarget for global editor manager events.\n * In browser environments, stores the EventTarget on window to ensure sharing\n * across multiple module instances. In SSR environments, creates a fresh\n * EventTarget (no sharing needed on server-side).\n *\n * @returns The shared EventTarget instance for dispatching manager change events\n * @private\n */\nconst getEventTarget = (): EventTarget => {\n if (typeof window === 'undefined') {\n // SSR fallback — create a fresh one (no sharing needed server-side)\n return new EventTarget();\n }\n\n const windowGlobals = window as WindowWithEditorGlobals;\n if (!windowGlobals[EVENTS_KEY]) {\n windowGlobals[EVENTS_KEY] = new EventTarget();\n }\n\n return windowGlobals[EVENTS_KEY] as EventTarget;\n};\n\n/**\n * Retrieves the global editor state manager instance.\n * Returns null if no manager has been set or in SSR environments where\n * window is undefined.\n *\n * @returns The global EditorStateManager instance or null if not set\n */\nexport const getGlobalEditorManager = (): EditorStateManager | null => {\n if (typeof window === 'undefined') {\n return null;\n }\n\n const windowGlobals = window as WindowWithEditorGlobals;\n const manager = windowGlobals[MANAGER_KEY];\n\n return manager ?? null;\n};\n\n/**\n * Sets the global editor state manager instance and notifies all listeners\n * of the change through a CustomEvent.\n *\n * @param manager - The EditorStateManager instance to set globally, or null to clear it\n */\nexport const setGlobalEditorManager = (\n manager: EditorStateManager | null\n): void => {\n if (typeof window !== 'undefined') {\n const windowGlobals = window as WindowWithEditorGlobals;\n windowGlobals[MANAGER_KEY] = manager;\n }\n\n const eventTarget = getEventTarget();\n\n eventTarget.dispatchEvent(\n new CustomEvent<EditorStateManager | null>('change', { detail: manager })\n );\n};\n\n/**\n * Registers a callback function to be invoked whenever the global editor\n * manager changes. Useful for reactive updates across the application.\n *\n * @param changeCallback - Function to invoke with the new manager state whenever it changes\n * @returns An unsubscribe function that removes the listener when called\n *\n * @example\n * ```typescript\n * const unsubscribe = onGlobalEditorManagerChange((manager) => {\n * console.log('Manager updated:', manager);\n * });\n *\n * // Later, clean up the listener\n * unsubscribe();\n * ```\n */\nexport const onGlobalEditorManagerChange = (\n changeCallback: (manager: EditorStateManager | null) => void\n): (() => void) => {\n const eventTarget = getEventTarget();\n\n const eventHandler = (event: Event) => {\n const customEvent = event as CustomEvent<EditorStateManager | null>;\n changeCallback(customEvent.detail);\n };\n\n eventTarget.addEventListener('change', eventHandler);\n\n return () => {\n eventTarget.removeEventListener('change', eventHandler);\n };\n};\n"],"mappings":"AAkBA,MAAM,EAAc,8BACd,EAAa,qCAWb,MAAoC,CACxC,GAAI,OAAO,OAAW,IAEpB,OAAO,IAAI,YAGb,IAAM,EAAgB,OAKtB,OAJK,EAAc,KACjB,EAAc,GAAc,IAAI,aAG3B,EAAc,IAUV,MACP,OAAO,OAAW,IACb,KAGa,OACQ,IAEZ,KASP,EACX,GACS,CACT,GAAI,OAAO,OAAW,IAAa,CACjC,IAAM,EAAgB,OACtB,EAAc,GAAe,EAGX,GAAgB,CAExB,cACV,IAAI,YAAuC,SAAU,CAAE,OAAQ,EAAS,CAAC,CAC1E,EAoBU,EACX,GACiB,CACjB,IAAM,EAAc,GAAgB,CAE9B,EAAgB,GAAiB,CAErC,EADoB,EACO,OAAO,EAKpC,OAFA,EAAY,iBAAiB,SAAU,EAAa,KAEvC,CACX,EAAY,oBAAoB,SAAU,EAAa"}
@@ -0,0 +1 @@
1
+ import{getGlobalEditorManager as e,onGlobalEditorManagerChange as t,setGlobalEditorManager as n}from"./globalManager.mjs";import{CrossFrameMessenger as r}from"./CrossFrameMessenger.mjs";import{CrossFrameStateManager as i}from"./CrossFrameStateManager.mjs";import{IframeClickInterceptor as a}from"./IframeClickInterceptor.mjs";import{UrlStateManager as o}from"./UrlStateManager.mjs";import{EditorStateManager as s}from"./EditorStateManager.mjs";import{buildClientMessengerConfig as c,initEditorClient as l,stopEditorClient as u}from"./initEditorClient.mjs";export{r as CrossFrameMessenger,i as CrossFrameStateManager,s as EditorStateManager,a as IframeClickInterceptor,o as UrlStateManager,c as buildClientMessengerConfig,e as getGlobalEditorManager,l as initEditorClient,t as onGlobalEditorManagerChange,n as setGlobalEditorManager,u as stopEditorClient};
@@ -0,0 +1,2 @@
1
+ import{getGlobalEditorManager as e,setGlobalEditorManager as t}from"./globalManager.mjs";import{EditorStateManager as n}from"./EditorStateManager.mjs";import{defineIntlayerElements as r}from"../components/ContentSelector.mjs";import i from"@intlayer/config/built";const a=()=>{let{editor:e}=i??{};return{allowedOrigins:[e?.editorURL,e?.cmsURL].filter(Boolean),postMessageFn:(e,t)=>{typeof window>`u`||window.self!==window.top&&window.parent?.postMessage(e,t)}}};let o=0;const s=()=>{o++;let s=e();if(s)return s;let c=new n({mode:`client`,messenger:a(),configuration:i});return t(c),r(),c.start(),c},c=()=>{o=Math.max(0,o-1),!(o>0)&&(e()?.stop(),t(null))};export{a as buildClientMessengerConfig,s as initEditorClient,c as stopEditorClient};
2
+ //# sourceMappingURL=initEditorClient.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initEditorClient.mjs","names":[],"sources":["../../../src/core/initEditorClient.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport { defineIntlayerElements } from '../components';\nimport type { MessengerConfig } from './CrossFrameMessenger';\nimport { EditorStateManager } from './EditorStateManager';\nimport {\n getGlobalEditorManager,\n setGlobalEditorManager,\n} from './globalManager';\n\nexport const buildClientMessengerConfig = (): MessengerConfig => {\n const { editor } = configuration ?? {};\n\n return {\n allowedOrigins: [editor?.editorURL, editor?.cmsURL].filter(\n Boolean\n ) as string[],\n postMessageFn: (payload: unknown, origin: string) => {\n if (typeof window === 'undefined') return;\n\n const isInIframe = window.self !== window.top;\n\n if (!isInIframe) return;\n window.parent?.postMessage(payload, origin);\n },\n };\n};\n\n/** Reference count — tracks how many providers have called initEditorClient. */\nlet _clientRefCount = 0;\n\n/**\n * Initialize the Intlayer editor client singleton.\n * Safe to call multiple times — returns the existing manager if already initialized.\n * Increments a reference counter so nested providers don't destroy the manager\n * prematurely when the inner provider unmounts.\n */\nexport const initEditorClient = (): EditorStateManager => {\n _clientRefCount++;\n\n const existing = getGlobalEditorManager();\n if (existing) return existing;\n\n const manager = new EditorStateManager({\n mode: 'client',\n messenger: buildClientMessengerConfig(),\n configuration,\n });\n\n setGlobalEditorManager(manager);\n defineIntlayerElements();\n manager.start();\n\n return manager;\n};\n\n/**\n * Decrement the reference count and stop the global editor client singleton\n * only when the last provider unmounts.\n */\nexport const stopEditorClient = (): void => {\n _clientRefCount = Math.max(0, _clientRefCount - 1);\n\n if (_clientRefCount > 0) return;\n\n const manager = getGlobalEditorManager();\n manager?.stop();\n setGlobalEditorManager(null);\n};\n"],"mappings":"wQASA,MAAa,MAAoD,CAC/D,GAAM,CAAE,UAAW,GAAiB,EAAE,CAEtC,MAAO,CACL,eAAgB,CAAC,GAAQ,UAAW,GAAQ,OAAO,CAAC,OAClD,QACD,CACD,eAAgB,EAAkB,IAAmB,CAC/C,OAAO,OAAW,KAEH,OAAO,OAAS,OAAO,KAG1C,OAAO,QAAQ,YAAY,EAAS,EAAO,EAE9C,EAIH,IAAI,EAAkB,EAQtB,MAAa,MAA6C,CACxD,IAEA,IAAM,EAAW,GAAwB,CACzC,GAAI,EAAU,OAAO,EAErB,IAAM,EAAU,IAAI,EAAmB,CACrC,KAAM,SACN,UAAW,GAA4B,CACvC,gBACD,CAAC,CAMF,OAJA,EAAuB,EAAQ,CAC/B,GAAwB,CACxB,EAAQ,OAAO,CAER,GAOI,MAA+B,CAC1C,EAAkB,KAAK,IAAI,EAAG,EAAkB,EAAE,CAE9C,IAAkB,KAEN,GAAwB,EAC/B,MAAM,CACf,EAAuB,KAAK"}
@@ -1 +1 @@
1
- import{compareUrls as e}from"./compareUrls.mjs";import{mergeIframeClick as t}from"./mergeIframeClick.mjs";import{MessageKey as n}from"./messagesKeys.mjs";export{n as MessageKey,e as compareUrls,t as mergeIframeClick};
1
+ import{compareUrls as e}from"./compareUrls.mjs";import{MessageKey as t}from"./messageKey.mjs";import{mergeIframeClick as n}from"./mergeIframeClick.mjs";import{getGlobalEditorManager as r,onGlobalEditorManagerChange as i,setGlobalEditorManager as a}from"./core/globalManager.mjs";import{IntlayerContentSelectorWrapperElement as o,defineIntlayerContentSelectorWrapper as s}from"./components/ContentSelectorWrapper.mjs";import{IntlayerEditedContentElement as c,defineIntlayerEditedContent as l}from"./components/EditedContent.mjs";import{CrossFrameMessenger as u}from"./core/CrossFrameMessenger.mjs";import{CrossFrameStateManager as d}from"./core/CrossFrameStateManager.mjs";import{IframeClickInterceptor as f}from"./core/IframeClickInterceptor.mjs";import{UrlStateManager as p}from"./core/UrlStateManager.mjs";import{EditorStateManager as m}from"./core/EditorStateManager.mjs";import{buildClientMessengerConfig as h,initEditorClient as g,stopEditorClient as _}from"./core/initEditorClient.mjs";import{IntlayerEditorElement as v,defineIntlayerEditorElement as y}from"./components/IntlayerEditor.mjs";import{IntlayerContentSelectorElement as b,defineIntlayerElements as x}from"./components/ContentSelector.mjs";export{u as CrossFrameMessenger,d as CrossFrameStateManager,m as EditorStateManager,f as IframeClickInterceptor,b as IntlayerContentSelectorElement,o as IntlayerContentSelectorWrapperElement,c as IntlayerEditedContentElement,v as IntlayerEditorElement,t as MessageKey,p as UrlStateManager,h as buildClientMessengerConfig,e as compareUrls,s as defineIntlayerContentSelectorWrapper,l as defineIntlayerEditedContent,y as defineIntlayerEditorElement,x as defineIntlayerElements,r as getGlobalEditorManager,g as initEditorClient,n as mergeIframeClick,i as onGlobalEditorManagerChange,a as setGlobalEditorManager,_ as stopEditorClient};
@@ -0,0 +1,2 @@
1
+ import e from"@intlayer/config/built";const t=e.editor?.enabled&&typeof window<`u`&&window.self!==window.top;export{t as isEnabled};
2
+ //# sourceMappingURL=isEnabled.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isEnabled.mjs","names":[],"sources":["../../src/isEnabled.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nexport const isEnabled =\n configuration.editor?.enabled && // Editor enabled in config\n typeof window !== 'undefined' && // Client side\n window.self !== window.top; // Is in iframe\n"],"mappings":"sCAEA,MAAa,EACX,EAAc,QAAQ,SACtB,OAAO,OAAW,KAClB,OAAO,OAAS,OAAO"}
@@ -0,0 +1,2 @@
1
+ let e=function(e){return e.INTLAYER_CLIENT_READY=`INTLAYER_CLIENT_READY`,e.INTLAYER_ARE_YOU_THERE=`INTLAYER_ARE_YOU_THERE`,e.INTLAYER_EDITOR_ACTIVATE=`INTLAYER_EDITOR_ACTIVATE`,e.INTLAYER_EDITOR_ENABLED=`INTLAYER_EDITOR_ENABLED`,e.INTLAYER_CONFIGURATION=`INTLAYER_CONFIGURATION`,e.INTLAYER_CURRENT_LOCALE=`INTLAYER_CURRENT_LOCALE`,e.INTLAYER_URL_CHANGE=`INTLAYER_URL_CHANGE`,e.INTLAYER_LOCALE_DICTIONARIES_CHANGED=`INTLAYER_LOCALE_DICTIONARIES_CHANGED`,e.INTLAYER_DISTANT_DICTIONARIES_CHANGED=`INTLAYER_DISTANT_DICTIONARIES_CHANGED`,e.INTLAYER_HOVERED_CONTENT_CHANGED=`INTLAYER_HOVERED_CONTENT_CHANGED`,e.INTLAYER_FOCUSED_CONTENT_CHANGED=`INTLAYER_FOCUSED_CONTENT_CHANGED`,e.INTLAYER_EDITED_CONTENT_CHANGED=`INTLAYER_EDITED_CONTENT_CHANGED`,e.INTLAYER_IFRAME_CLICKED=`INTLAYER_IFRAME_CLICKED`,e}({});export{e as MessageKey};
2
+ //# sourceMappingURL=messageKey.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"messageKey.mjs","names":[],"sources":["../../src/messageKey.ts"],"sourcesContent":["export enum MessageKey {\n /** Client → editor: announces the client is ready (also used as response to ARE_YOU_THERE) */\n INTLAYER_CLIENT_READY = 'INTLAYER_CLIENT_READY',\n /** Editor → client: asks if the client is still alive */\n INTLAYER_ARE_YOU_THERE = 'INTLAYER_ARE_YOU_THERE',\n /** Editor → client: instructs the client to activate the editor selector */\n INTLAYER_EDITOR_ACTIVATE = 'INTLAYER_EDITOR_ACTIVATE',\n /** Client → editor: instructs the editor that the client is enabled */\n INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n\n /** Client → editor: send information related the app */\n INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n\n /** Client → editor: load and update content */\n INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n\n /** Client → editor & Editor → client: Update focus and changed content */\n INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n\n /** Client → editor: Helper to sync iframe client reactivity on click client */\n INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":"AAAA,IAAY,EAAL,SAAA,EAAA,OAEL,GAAA,sBAAA,wBAEA,EAAA,uBAAA,yBAEA,EAAA,yBAAA,2BAEA,EAAA,wBAAA,0BAGA,EAAA,uBAAA,yBACA,EAAA,wBAAA,0BACA,EAAA,oBAAA,sBAGA,EAAA,qCAAA,uCACA,EAAA,sCAAA,wCAGA,EAAA,iCAAA,mCACA,EAAA,iCAAA,mCACA,EAAA,gCAAA,kCAGA,EAAA,wBAAA,gCACD"}
@@ -0,0 +1,49 @@
1
+ import * as lit from "lit";
2
+ import { LitElement } from "lit";
3
+
4
+ //#region src/components/ContentSelector.d.ts
5
+ /**
6
+ * <intlayer-content-selector>
7
+ *
8
+ * A framework-agnostic web component that wraps content with Intlayer editor
9
+ * selection UI (hover outline, long-press to select, click-outside to deselect).
10
+ *
11
+ * Replaces the per-framework ContentSelector components (React, Svelte, Vue, Solid).
12
+ *
13
+ * @fires intlayer:press - Fired after a long press (pressDuration ms). Bubbles.
14
+ * @fires intlayer:hover - Fired on mouseenter. Bubbles.
15
+ * @fires intlayer:unhover - Fired on mouseleave / mouseup. Bubbles.
16
+ * @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.
17
+ *
18
+ * @prop {boolean} isSelecting - Whether this element is currently selected (external state)
19
+ * @prop {number} pressDuration - Long-press threshold in ms. Default: 250
20
+ */
21
+ declare class IntlayerContentSelectorElement extends LitElement {
22
+ static styles: lit.CSSResult;
23
+ isSelecting: boolean;
24
+ pressDuration: number;
25
+ private _isHovered;
26
+ private _isSelectingState;
27
+ private _wrapper;
28
+ private _pressTimer;
29
+ private _clickOutsideHandler;
30
+ connectedCallback(): void;
31
+ disconnectedCallback(): void;
32
+ private _clearPressTimer;
33
+ private _dispatch;
34
+ private _handleMouseDown;
35
+ private _handleMouseEnter;
36
+ private _handleMouseUpOrLeave;
37
+ private _handleClick;
38
+ private _handleBlur;
39
+ render(): lit.TemplateResult<1>;
40
+ }
41
+ /**
42
+ * Register all Intlayer custom elements.
43
+ * Call this once at application startup (inside IntlayerEditorProvider or similar).
44
+ * Safe to call multiple times — only registers elements that are not yet defined.
45
+ */
46
+ declare const defineIntlayerElements: () => void;
47
+ //#endregion
48
+ export { IntlayerContentSelectorElement, defineIntlayerElements };
49
+ //# sourceMappingURL=ContentSelector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentSelector.d.ts","names":[],"sources":["../../../src/components/ContentSelector.ts"],"mappings":";;;;;;;AAwBA;;;;;;;;;;;;;cAAa,8BAAA,SAAuC,UAAA;EAAA,OAC3C,MAAA,EADmC,GAAA,CAC7B,SAAA;EAuBb,WAAA;EAGA,aAAA;EAAA,QAEiB,UAAA;EAAA,QACA,iBAAA;EAAA,QAEU,QAAA;EAAA,QAEnB,WAAA;EAAA,QACA,oBAAA;EAER,iBAAA,CAAA;EAYA,oBAAA,CAAA;EAAA,QASQ,gBAAA;EAAA,QAOA,SAAA;EAAA,QAMA,gBAAA;EAAA,QAQA,iBAAA;EAAA,QAKA,qBAAA;EAAA,QAQA,YAAA;EAAA,QAOA,WAAA;EAIR,MAAA,CAAA,GAtGa,GAAA,CAsGP,cAAA;AAAA;;;;;;cA+BK,sBAAA"}
@@ -0,0 +1,49 @@
1
+ import * as lit from "lit";
2
+ import { LitElement } from "lit";
3
+
4
+ //#region src/components/ContentSelectorWrapper.d.ts
5
+ /**
6
+ * <intlayer-content-selector-wrapper>
7
+ *
8
+ * Framework-agnostic Lit element that wraps content with the Intlayer editor
9
+ * selection UI. It replaces the per-framework ContentSelectorWrapper components
10
+ * (Vue, Svelte, Solid, Preact).
11
+ *
12
+ * It reads from the global EditorStateManager singleton (set by initEditorClient)
13
+ * and conditionally renders <intlayer-content-selector> around its slot content
14
+ * when the editor is active and the app is running inside an iframe.
15
+ *
16
+ * @attr {string} key-path - JSON-serialized KeyPath[] for this content node
17
+ * @attr {string} dictionary-key - The dictionary key owning this content node
18
+ */
19
+ declare class IntlayerContentSelectorWrapperElement extends LitElement {
20
+ static styles: lit.CSSResult;
21
+ keyPathJson: string;
22
+ dictionaryKey: string;
23
+ private _editorEnabled;
24
+ private _isInIframe;
25
+ private _isSelected;
26
+ private _editedValue;
27
+ private _unsubManager;
28
+ private _unsubEnabled;
29
+ private _unsubFocused;
30
+ private _unsubEditedContent;
31
+ connectedCallback(): void;
32
+ disconnectedCallback(): void;
33
+ updated(changedProperties: Map<string, unknown>): void;
34
+ private _teardown;
35
+ private _subscribeToManager;
36
+ private _setupManagerSubscriptions;
37
+ private _getRawKeyPath;
38
+ private _getFilteredKeyPath;
39
+ private _updateEditedValue;
40
+ private _updateIsSelected;
41
+ private _handlePress;
42
+ private _handleHover;
43
+ private _handleUnhover;
44
+ render(): lit.TemplateResult<1>;
45
+ }
46
+ declare const defineIntlayerContentSelectorWrapper: () => void;
47
+ //#endregion
48
+ export { IntlayerContentSelectorWrapperElement, defineIntlayerContentSelectorWrapper };
49
+ //# sourceMappingURL=ContentSelectorWrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentSelectorWrapper.d.ts","names":[],"sources":["../../../src/components/ContentSelectorWrapper.ts"],"mappings":";;;;;;;AA8BA;;;;;;;;;;;cAAa,qCAAA,SAA8C,UAAA;EAAA,OAClD,MAAA,EAD0C,GAAA,CACpC,SAAA;EAMsC,WAAA;EACM,aAAA;EAAA,QAExC,cAAA;EAAA,QACA,WAAA;EAAA,QACA,WAAA;EAAA,QACA,YAAA;EAAA,QAET,aAAA;EAAA,QACA,aAAA;EAAA,QACA,aAAA;EAAA,QACA,mBAAA;EAER,iBAAA,CAAA;EAQA,oBAAA,CAAA;EAKA,OAAA,CAAQ,iBAAA,EAAmB,GAAA;EAAA,QAUnB,SAAA;EAAA,QAWA,mBAAA;EAAA,QAuBA,0BAAA;EAAA,QA8BA,cAAA;EAAA,QAQA,mBAAA;EAAA,QAIA,kBAAA;EAAA,QA+CA,iBAAA;EAAA,QAcA,YAAA;EAAA,QAWA,YAAA;EAAA,QAQA,cAAA;EAQR,MAAA,CAAA,GA9K8B,GAAA,CA8KxB,cAAA;AAAA;AAAA,cA0BK,oCAAA"}
@@ -0,0 +1,39 @@
1
+ import * as lit from "lit";
2
+ import { LitElement } from "lit";
3
+
4
+ //#region src/components/EditedContent.d.ts
5
+ /**
6
+ * <intlayer-edited-content>
7
+ *
8
+ * Framework-agnostic Lit element that displays edited content from the Intlayer
9
+ * editor. When the editor has an edited value for the given dictionary key and
10
+ * key path, it renders the edited value; otherwise it renders the original
11
+ * content via a slot.
12
+ *
13
+ * Always wraps content in <intlayer-content-selector-wrapper> for selection UI.
14
+ *
15
+ * @attr {string} dictionary-key - The dictionary key owning this content node
16
+ * @attr {string} key-path - JSON-serialized KeyPath[] for this content node
17
+ * @attr {string} locale - The current locale string
18
+ */
19
+ declare class IntlayerEditedContentElement extends LitElement {
20
+ static styles: lit.CSSResult;
21
+ dictionaryKey: string;
22
+ keyPathJson: string;
23
+ locale: string;
24
+ private _editedText;
25
+ private _unsubManager;
26
+ private _unsubEditedContent;
27
+ connectedCallback(): void;
28
+ disconnectedCallback(): void;
29
+ private _teardown;
30
+ private _getKeyPath;
31
+ private _resolveEditedText;
32
+ private _setupManagerSubscriptions;
33
+ private _subscribeToManager;
34
+ render(): lit.TemplateResult<1>;
35
+ }
36
+ declare const defineIntlayerEditedContent: () => void;
37
+ //#endregion
38
+ export { IntlayerEditedContentElement, defineIntlayerEditedContent };
39
+ //# sourceMappingURL=EditedContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EditedContent.d.ts","names":[],"sources":["../../../src/components/EditedContent.ts"],"mappings":";;;;;;;AAwBA;;;;;;;;;;;cAAa,4BAAA,SAAqC,UAAA;EAAA,OACzC,MAAA,EADiC,GAAA,CAC3B,SAAA;EAM4C,aAAA;EACN,WAAA;EACF,MAAA;EAAA,QAEhC,WAAA;EAAA,QAET,aAAA;EAAA,QACA,mBAAA;EAER,iBAAA,CAAA;EAKA,oBAAA,CAAA;EAAA,QAKQ,SAAA;EAAA,QAOA,WAAA;EAAA,QAQA,kBAAA;EAAA,QAuCA,0BAAA;EAAA,QAUA,mBAAA;EAiBR,MAAA,CAAA,GA1Ga,GAAA,CA0GP,cAAA;AAAA;AAAA,cAYK,2BAAA"}
@@ -0,0 +1,40 @@
1
+ import { LitElement } from "lit";
2
+ import { IntlayerConfig } from "@intlayer/types/config";
3
+
4
+ //#region src/components/IntlayerEditor.d.ts
5
+ /**
6
+ * <intlayer-editor>
7
+ *
8
+ * A framework-agnostic Lit element that manages the Intlayer editor singleton
9
+ * lifecycle and keeps the current locale in sync with the EditorStateManager.
10
+ *
11
+ * Drop this element once at the root of your application to activate the editor.
12
+ * It renders no UI (display: contents, empty shadow root).
13
+ *
14
+ * @prop {IntlayerConfig} configuration - The Intlayer config (required; set as property, not attribute)
15
+ * @prop {string} locale - The active application locale (attribute/property)
16
+ *
17
+ * @example
18
+ * // Svelte
19
+ * <intlayer-editor .configuration={config} locale={$locale} />
20
+ *
21
+ * // Vue
22
+ * <intlayer-editor :configuration="config" :locale="currentLocale" />
23
+ */
24
+ declare class IntlayerEditorElement extends LitElement {
25
+ /** No visible UI — render nothing into the shadow root */
26
+ createRenderRoot(): this;
27
+ configuration?: IntlayerConfig;
28
+ locale?: string;
29
+ private _initialized;
30
+ private _unsubManager;
31
+ connectedCallback(): void;
32
+ disconnectedCallback(): void;
33
+ updated(changedProperties: Map<string | symbol, unknown>): void;
34
+ private _init;
35
+ private _syncLocale;
36
+ }
37
+ declare const defineIntlayerEditorElement: () => void;
38
+ //#endregion
39
+ export { IntlayerEditorElement, defineIntlayerEditorElement };
40
+ //# sourceMappingURL=IntlayerEditor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IntlayerEditor.d.ts","names":[],"sources":["../../../src/components/IntlayerEditor.ts"],"mappings":";;;;;;AA6BA;;;;;;;;;;;;;;;;;cAAa,qBAAA,SAA8B,UAAA;EA6Bd;EA3B3B,gBAAA,CAAA;EAIgC,aAAA,GAAgB,cAAA;EAEpB,MAAA;EAAA,QAEpB,YAAA;EAAA,QACA,aAAA;EAER,iBAAA,CAAA;EAKA,oBAAA,CAAA;EAWA,OAAA,CAAQ,iBAAA,EAAmB,GAAA;EAAA,QAUnB,KAAA;EAAA,QAaA,WAAA;AAAA;AAAA,cAoBG,2BAAA"}
@@ -0,0 +1,5 @@
1
+ import { IntlayerContentSelectorElement, defineIntlayerElements } from "./ContentSelector.js";
2
+ import { IntlayerContentSelectorWrapperElement, defineIntlayerContentSelectorWrapper } from "./ContentSelectorWrapper.js";
3
+ import { IntlayerEditedContentElement, defineIntlayerEditedContent } from "./EditedContent.js";
4
+ import { IntlayerEditorElement, defineIntlayerEditorElement } from "./IntlayerEditor.js";
5
+ export { IntlayerContentSelectorElement, IntlayerContentSelectorWrapperElement, IntlayerEditedContentElement, IntlayerEditorElement, defineIntlayerContentSelectorWrapper, defineIntlayerEditedContent, defineIntlayerEditorElement, defineIntlayerElements };
@@ -0,0 +1,51 @@
1
+ //#region src/core/CrossFrameMessenger.d.ts
2
+ type MessagePayload = {
3
+ type: string;
4
+ data?: unknown;
5
+ senderId?: string; /** Unique ID per send() call — used to deduplicate when the same payload arrives via multiple target origins */
6
+ messageId?: string;
7
+ };
8
+ type MessengerConfig = {
9
+ /**
10
+ * Origins allowed to send messages to this instance.
11
+ * Use '*' to allow all origins (not recommended for production).
12
+ */
13
+ allowedOrigins: string[];
14
+ /**
15
+ * Function used to send messages to other frames.
16
+ * Injected so the messenger is agnostic to the frame topology.
17
+ */
18
+ postMessageFn: (payload: MessagePayload, origin: string) => void;
19
+ };
20
+ type MessageHandler<T = unknown> = (data: T, senderId?: string) => void;
21
+ /**
22
+ * CrossFrameMessenger manages all cross-frame postMessage communication.
23
+ * It owns a single window message listener and routes incoming messages to
24
+ * type-specific subscribers.
25
+ *
26
+ * Replaces CommunicatorContext + useCrossFrameMessageListener across all frameworks.
27
+ */
28
+ declare class CrossFrameMessenger {
29
+ readonly senderId: string;
30
+ private readonly _config;
31
+ private readonly _subscribers;
32
+ private _windowHandler;
33
+ /** Tracks recently processed messageIds to discard duplicates (same payload sent to multiple origins) */
34
+ private readonly _seenMessageIds;
35
+ constructor(config: MessengerConfig);
36
+ /** Start listening for incoming messages on window. */
37
+ start(): void;
38
+ /** Stop listening and clean up. */
39
+ stop(): void;
40
+ /** Send a message payload to all configured target origins. */
41
+ send(type: string, data?: unknown): void;
42
+ /**
43
+ * Subscribe to messages of a given type.
44
+ * Returns an unsubscribe function.
45
+ */
46
+ subscribe<T = unknown>(type: string, handler: MessageHandler<T>): () => void;
47
+ private _handleMessage;
48
+ }
49
+ //#endregion
50
+ export { CrossFrameMessenger, MessagePayload, MessengerConfig };
51
+ //# sourceMappingURL=CrossFrameMessenger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CrossFrameMessenger.d.ts","names":[],"sources":["../../../src/core/CrossFrameMessenger.ts"],"mappings":";KAIY,cAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA,WAHwB;EAKxB,SAAA;AAAA;AAAA,KAGU,eAAA;EAHV;;;AAGF;EAKE,cAAA;;;;;EAKA,aAAA,GAAgB,OAAA,EAAS,cAAA,EAAgB,MAAA;AAAA;AAAA,KAGtC,cAAA,iBAA+B,IAAA,EAAM,CAAA,EAAG,QAAA;;;AAF3C;;;;;cAWW,mBAAA;EAAA,SACF,QAAA;EAAA,iBACQ,OAAA;EAAA,iBACA,YAAA;EAAA,QAET,cAAA;EALG;EAAA,iBAOM,eAAA;cAEL,MAAA,EAAQ,eAAA;EAAA;EAMpB,KAAA,CAAA;EAqC8C;EA3B9C,IAAA,CAAA;EA2B4D;EAnB5D,IAAA,CAAK,IAAA,UAAc,IAAA;EA/BF;;;;EAkDjB,SAAA,aAAA,CAAuB,IAAA,UAAc,OAAA,EAAS,cAAA,CAAe,CAAA;EAAA,QAUrD,cAAA;AAAA"}
@@ -0,0 +1,44 @@
1
+ import { CrossFrameMessenger } from "./CrossFrameMessenger.js";
2
+
3
+ //#region src/core/CrossFrameStateManager.d.ts
4
+ type CrossFrameStateOptions = {
5
+ /** Whether to broadcast state changes to other frames. Default: true */emit?: boolean; /** Whether to listen for state updates from other frames. Default: true */
6
+ receive?: boolean;
7
+ };
8
+ /**
9
+ * CrossFrameStateManager synchronizes a single named value across frames using
10
+ * the postMessage API via CrossFrameMessenger.
11
+ *
12
+ * Protocol:
13
+ * `{key}/post` — broadcast a new value
14
+ * `{key}/get` — request the current value from other frames
15
+ *
16
+ * Replaces useCrossFrameState across all frameworks.
17
+ *
18
+ * @fires change — CustomEvent<T> dispatched whenever the value changes (local set or received)
19
+ */
20
+ declare class CrossFrameStateManager<T> extends EventTarget {
21
+ private _value;
22
+ private readonly _key;
23
+ private readonly _messenger;
24
+ private readonly _options;
25
+ private readonly _unsubscribers;
26
+ constructor(key: string, messenger: CrossFrameMessenger, options?: CrossFrameStateOptions & {
27
+ initialValue?: T;
28
+ });
29
+ get value(): T | undefined;
30
+ /** Update the value locally and broadcast it to other frames if emit is enabled. */
31
+ set(newValue: T): void;
32
+ /**
33
+ * Start listening for incoming state updates and responding to /get requests.
34
+ * If receive=true and no initial value is set, sends a /get to request the current value.
35
+ */
36
+ start(): void;
37
+ /** Stop all listeners. */
38
+ stop(): void;
39
+ /** Broadcast the current value to all frames (useful after reconnect). */
40
+ postCurrentValue(): void;
41
+ }
42
+ //#endregion
43
+ export { CrossFrameStateManager, CrossFrameStateOptions };
44
+ //# sourceMappingURL=CrossFrameStateManager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CrossFrameStateManager.d.ts","names":[],"sources":["../../../src/core/CrossFrameStateManager.ts"],"mappings":";;;KAEY,sBAAA;0EAEV,IAAA,YAFgC;EAIhC,OAAA;AAAA;;AAeF;;;;;;;;;;;cAAa,sBAAA,YAAkC,WAAA;EAAA,QACrC,MAAA;EAAA,iBACS,IAAA;EAAA,iBACA,UAAA;EAAA,iBACA,QAAA;EAAA,iBACA,cAAA;cAGf,GAAA,UACA,SAAA,EAAW,mBAAA,EACX,OAAA,GAAS,sBAAA;IAA2B,YAAA,GAAe,CAAA;EAAA;EAAA,IAcjD,KAAA,CAAA,GAAS,CAAA;EAfX;EAoBF,GAAA,CAAI,QAAA,EAAU,CAAA;EAnBwB;;;;EA+BtC,KAAA,CAAA;EAZA;EA4CA,IAAA,CAAA;EA5CI;EAkDJ,gBAAA,CAAA;AAAA"}