@intlayer/editor 8.3.4 → 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.
- package/dist/cjs/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.cjs +1 -0
- package/dist/cjs/_virtual/_rolldown/runtime.cjs +1 -0
- package/dist/cjs/components/ContentSelector.cjs +41 -1
- package/dist/cjs/components/ContentSelector.cjs.map +1 -0
- package/dist/cjs/components/ContentSelectorWrapper.cjs +15 -0
- package/dist/cjs/components/ContentSelectorWrapper.cjs.map +1 -0
- package/dist/cjs/components/EditedContent.cjs +13 -0
- package/dist/cjs/components/EditedContent.cjs.map +1 -0
- package/dist/cjs/components/IntlayerEditor.cjs +2 -0
- package/dist/cjs/components/IntlayerEditor.cjs.map +1 -0
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/core/CrossFrameMessenger.cjs +1 -1
- package/dist/cjs/core/CrossFrameMessenger.cjs.map +1 -1
- package/dist/cjs/core/EditorStateManager.cjs +1 -1
- package/dist/cjs/core/EditorStateManager.cjs.map +1 -1
- package/dist/cjs/core/IframeClickInterceptor.cjs +1 -1
- package/dist/cjs/core/IframeClickInterceptor.cjs.map +1 -1
- package/dist/cjs/core/UrlStateManager.cjs +1 -1
- package/dist/cjs/core/UrlStateManager.cjs.map +1 -1
- package/dist/cjs/core/globalManager.cjs +2 -0
- package/dist/cjs/core/globalManager.cjs.map +1 -0
- package/dist/cjs/core/index.cjs +1 -1
- package/dist/cjs/core/initEditorClient.cjs +2 -0
- package/dist/cjs/core/initEditorClient.cjs.map +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/isEnabled.cjs +2 -0
- package/dist/cjs/isEnabled.cjs.map +1 -0
- package/dist/cjs/messageKey.cjs +2 -0
- package/dist/cjs/messageKey.cjs.map +1 -0
- package/dist/esm/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs +1 -0
- package/dist/esm/components/ContentSelector.mjs +41 -1
- package/dist/esm/components/ContentSelector.mjs.map +1 -0
- package/dist/esm/components/ContentSelectorWrapper.mjs +15 -0
- package/dist/esm/components/ContentSelectorWrapper.mjs.map +1 -0
- package/dist/esm/components/EditedContent.mjs +13 -0
- package/dist/esm/components/EditedContent.mjs.map +1 -0
- package/dist/esm/components/IntlayerEditor.mjs +2 -0
- package/dist/esm/components/IntlayerEditor.mjs.map +1 -0
- package/dist/esm/components/index.mjs +1 -1
- package/dist/esm/core/CrossFrameMessenger.mjs +1 -1
- package/dist/esm/core/CrossFrameMessenger.mjs.map +1 -1
- package/dist/esm/core/EditorStateManager.mjs +1 -1
- package/dist/esm/core/EditorStateManager.mjs.map +1 -1
- package/dist/esm/core/IframeClickInterceptor.mjs +1 -1
- package/dist/esm/core/IframeClickInterceptor.mjs.map +1 -1
- package/dist/esm/core/UrlStateManager.mjs +1 -1
- package/dist/esm/core/UrlStateManager.mjs.map +1 -1
- package/dist/esm/core/globalManager.mjs +2 -0
- package/dist/esm/core/globalManager.mjs.map +1 -0
- package/dist/esm/core/index.mjs +1 -1
- package/dist/esm/core/initEditorClient.mjs +2 -0
- package/dist/esm/core/initEditorClient.mjs.map +1 -0
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/isEnabled.mjs +2 -0
- package/dist/esm/isEnabled.mjs.map +1 -0
- package/dist/esm/messageKey.mjs +2 -0
- package/dist/esm/messageKey.mjs.map +1 -0
- package/dist/types/components/ContentSelector.d.ts +49 -2
- package/dist/types/components/ContentSelector.d.ts.map +1 -0
- package/dist/types/components/ContentSelectorWrapper.d.ts +49 -0
- package/dist/types/components/ContentSelectorWrapper.d.ts.map +1 -0
- package/dist/types/components/EditedContent.d.ts +39 -0
- package/dist/types/components/EditedContent.d.ts.map +1 -0
- package/dist/types/components/IntlayerEditor.d.ts +40 -0
- package/dist/types/components/IntlayerEditor.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +5 -2
- package/dist/types/core/CrossFrameMessenger.d.ts +51 -2
- package/dist/types/core/CrossFrameMessenger.d.ts.map +1 -0
- package/dist/types/core/CrossFrameStateManager.d.ts +44 -2
- package/dist/types/core/CrossFrameStateManager.d.ts.map +1 -0
- package/dist/types/core/EditorStateManager.d.ts +73 -2
- package/dist/types/core/EditorStateManager.d.ts.map +1 -0
- package/dist/types/core/IframeClickInterceptor.d.ts +26 -2
- package/dist/types/core/IframeClickInterceptor.d.ts.map +1 -0
- package/dist/types/core/UrlStateManager.d.ts +21 -2
- package/dist/types/core/UrlStateManager.d.ts.map +1 -0
- package/dist/types/core/globalManager.d.ts +39 -0
- package/dist/types/core/globalManager.d.ts.map +1 -0
- package/dist/types/core/index.d.ts +8 -6
- package/dist/types/core/initEditorClient.d.ts +20 -0
- package/dist/types/core/initEditorClient.d.ts.map +1 -0
- package/dist/types/index.d.ts +13 -8
- package/dist/types/isEnabled.d.ts +5 -0
- package/dist/types/isEnabled.d.ts.map +1 -0
- package/dist/types/messageKey.d.ts +27 -0
- package/dist/types/messageKey.d.ts.map +1 -0
- package/package.json +10 -4
- package/dist/cjs/ContentSelector-BXawqqyE.cjs +0 -41
- package/dist/cjs/ContentSelector-BXawqqyE.cjs.map +0 -1
- package/dist/cjs/messagesKeys.cjs +0 -2
- package/dist/cjs/messagesKeys.cjs.map +0 -1
- package/dist/esm/ContentSelector-QN8BYkA9.mjs +0 -41
- package/dist/esm/ContentSelector-QN8BYkA9.mjs.map +0 -1
- package/dist/esm/messagesKeys.mjs +0 -2
- package/dist/esm/messagesKeys.mjs.map +0 -1
- package/dist/types/ContentSelector-rBO8c1Kp.d.ts +0 -49
- package/dist/types/ContentSelector-rBO8c1Kp.d.ts.map +0 -1
- package/dist/types/CrossFrameMessenger-CAAHntwS.d.ts +0 -48
- package/dist/types/CrossFrameMessenger-CAAHntwS.d.ts.map +0 -1
- package/dist/types/CrossFrameStateManager-DxgxsAmo.d.ts +0 -44
- package/dist/types/CrossFrameStateManager-DxgxsAmo.d.ts.map +0 -1
- package/dist/types/EditorStateManager-Ym8YfMiG.d.ts +0 -57
- package/dist/types/EditorStateManager-Ym8YfMiG.d.ts.map +0 -1
- package/dist/types/IframeClickInterceptor-Dy1raFvk.d.ts +0 -26
- package/dist/types/IframeClickInterceptor-Dy1raFvk.d.ts.map +0 -1
- package/dist/types/UrlStateManager-Bq87v4hY.d.ts +0 -21
- package/dist/types/UrlStateManager-Bq87v4hY.d.ts.map +0 -1
- package/dist/types/messagesKeys.d.ts +0 -16
- package/dist/types/messagesKeys.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentSelector-QN8BYkA9.mjs","names":[],"sources":["../../src/components/ContentSelector.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nconst DEFAULT_PRESS_DURATION = 250;\n\n/**\n * <intlayer-content-selector>\n *\n * A framework-agnostic web component that wraps content with Intlayer editor\n * selection UI (hover outline, long-press to select, click-outside to deselect).\n *\n * Replaces the per-framework ContentSelector components (React, Svelte, Vue, Solid).\n *\n * @fires intlayer:press - Fired after a long press (pressDuration ms). Bubbles.\n * @fires intlayer:hover - Fired on mouseenter. Bubbles.\n * @fires intlayer:unhover - Fired on mouseleave / mouseup. Bubbles.\n * @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.\n *\n * @prop {boolean} isSelecting - Whether this element is currently selected (external state)\n * @prop {number} pressDuration - Long-press threshold in ms. Default: 250\n */\nexport class IntlayerContentSelectorElement extends LitElement {\n static styles = css`\n :host {\n display: contents;\n }\n\n .wrapper {\n display: inline-block;\n cursor: pointer;\n user-select: none;\n border-radius: 0.375rem;\n outline-width: 2px;\n outline-offset: 4px;\n outline-style: solid;\n outline-color: transparent;\n transition: all 100ms 50ms ease-in-out;\n }\n\n .wrapper[data-active] {\n outline-color: inherit;\n }\n `;\n\n @property({ type: Boolean, attribute: 'is-selecting' })\n isSelecting = false;\n\n @property({ type: Number, attribute: 'press-duration' })\n pressDuration = DEFAULT_PRESS_DURATION;\n\n @state() private _isHovered = false;\n @state() private _isSelectingState = false;\n\n @query('.wrapper') private _wrapper!: HTMLSpanElement;\n\n private _pressTimer: ReturnType<typeof setTimeout> | null = null;\n private _clickOutsideHandler: ((e: MouseEvent) => void) | null = null;\n\n connectedCallback(): void {\n super.connectedCallback();\n this._clickOutsideHandler = (e: MouseEvent) => {\n // composedPath() pierces shadow boundaries\n if (!e.composedPath().includes(this)) {\n this._isSelectingState = false;\n this._dispatch('intlayer:click-outside');\n }\n };\n document.addEventListener('mousedown', this._clickOutsideHandler);\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n if (this._clickOutsideHandler) {\n document.removeEventListener('mousedown', this._clickOutsideHandler);\n this._clickOutsideHandler = null;\n }\n this._clearPressTimer();\n }\n\n private _clearPressTimer(): void {\n if (this._pressTimer !== null) {\n clearTimeout(this._pressTimer);\n this._pressTimer = null;\n }\n }\n\n private _dispatch(eventName: string): void {\n this.dispatchEvent(\n new CustomEvent(eventName, { bubbles: true, composed: true })\n );\n }\n\n private _handleMouseDown(): void {\n this._clearPressTimer();\n this._pressTimer = setTimeout(() => {\n this._isSelectingState = true;\n this._dispatch('intlayer:press');\n }, this.pressDuration);\n }\n\n private _handleMouseEnter(): void {\n this._isHovered = true;\n this._dispatch('intlayer:hover');\n }\n\n private _handleMouseUpOrLeave(): void {\n if (this._isHovered) {\n this._isHovered = false;\n this._dispatch('intlayer:unhover');\n }\n this._clearPressTimer();\n }\n\n private _handleClick(e: MouseEvent): void {\n if (this.isSelecting || this._isSelectingState) {\n e.preventDefault();\n e.stopPropagation();\n }\n }\n\n private _handleBlur(): void {\n this._isSelectingState = false;\n }\n\n render() {\n const isActive =\n this.isSelecting || this._isSelectingState || this._isHovered;\n return html`\n <span\n class=\"wrapper\"\n ?data-active=${isActive}\n role=\"button\"\n tabindex=\"0\"\n @mousedown=${this._handleMouseDown}\n @mouseup=${this._handleMouseUpOrLeave}\n @mouseleave=${this._handleMouseUpOrLeave}\n @mouseenter=${this._handleMouseEnter}\n @click=${this._handleClick}\n @touchstart=${this._handleMouseDown}\n @touchend=${this._handleMouseUpOrLeave}\n @touchcancel=${this._handleMouseUpOrLeave}\n @blur=${this._handleBlur}\n @keyup=${() => {}}\n >\n <slot></slot>\n </span>\n `;\n }\n}\n\n/**\n * Register the <intlayer-content-selector> custom element.\n * Call this once at application startup (inside IntlayerEditorProvider or similar).\n * Safe to call multiple times — only registers if not already defined.\n */\nexport const defineIntlayerElements = (): void => {\n if (typeof customElements === 'undefined') return;\n if (!customElements.get('intlayer-content-selector')) {\n customElements.define(\n 'intlayer-content-selector',\n IntlayerContentSelectorElement\n );\n }\n};\n"],"mappings":"4bAqBA,IAAa,EAAb,cAAoD,CAAW,gDAwB/C,sBAGE,oBAEc,0BACO,oBAIuB,+BACK,wBAlCjD,CAAG;;;;;;;;;;;;;;;;;;;;IAoCnB,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,qBAAwB,GAAkB,CAExC,EAAE,cAAc,CAAC,SAAS,KAAK,GAClC,KAAK,kBAAoB,GACzB,KAAK,UAAU,yBAAyB,GAG5C,SAAS,iBAAiB,YAAa,KAAK,qBAAqB,CAGnE,sBAA6B,CAC3B,MAAM,sBAAsB,CAC5B,AAEE,KAAK,wBADL,SAAS,oBAAoB,YAAa,KAAK,qBAAqB,CACxC,MAE9B,KAAK,kBAAkB,CAGzB,kBAAiC,CAC3B,KAAK,cAAgB,OACvB,aAAa,KAAK,YAAY,CAC9B,KAAK,YAAc,MAIvB,UAAkB,EAAyB,CACzC,KAAK,cACH,IAAI,YAAY,EAAW,CAAE,QAAS,GAAM,SAAU,GAAM,CAAC,CAC9D,CAGH,kBAAiC,CAC/B,KAAK,kBAAkB,CACvB,KAAK,YAAc,eAAiB,CAClC,KAAK,kBAAoB,GACzB,KAAK,UAAU,iBAAiB,EAC/B,KAAK,cAAc,CAGxB,mBAAkC,CAChC,KAAK,WAAa,GAClB,KAAK,UAAU,iBAAiB,CAGlC,uBAAsC,CAChC,KAAK,aACP,KAAK,WAAa,GAClB,KAAK,UAAU,mBAAmB,EAEpC,KAAK,kBAAkB,CAGzB,aAAqB,EAAqB,EACpC,KAAK,aAAe,KAAK,qBAC3B,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,EAIvB,aAA4B,CAC1B,KAAK,kBAAoB,GAG3B,QAAS,CAGP,MAAO,EAAI;;;uBADT,KAAK,aAAe,KAAK,mBAAqB,KAAK,WAIzB;;;qBAGX,KAAK,iBAAiB;mBACxB,KAAK,sBAAsB;sBACxB,KAAK,sBAAsB;sBAC3B,KAAK,kBAAkB;iBAC5B,KAAK,aAAa;sBACb,KAAK,iBAAiB;oBACxB,KAAK,sBAAsB;uBACxB,KAAK,sBAAsB;gBAClC,KAAK,YAAY;qBACV,GAAG;;;;WAlGvB,EAAS,CAAE,KAAM,QAAS,UAAW,eAAgB,CAAC,CAAA,CAAA,EAAA,UAAA,cAAA,IAAA,GAAA,IAGtD,EAAS,CAAE,KAAM,OAAQ,UAAW,iBAAkB,CAAC,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,IAGvD,GAAO,CAAA,CAAA,EAAA,UAAA,aAAA,IAAA,GAAA,IACP,GAAO,CAAA,CAAA,EAAA,UAAA,oBAAA,IAAA,GAAA,IAEP,EAAM,WAAW,CAAA,CAAA,EAAA,UAAA,WAAA,IAAA,GAAA,CAsGpB,MAAa,MAAqC,CAC5C,OAAO,eAAmB,KACzB,eAAe,IAAI,4BAA4B,EAClD,eAAe,OACb,4BACA,EACD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
let e=function(e){return e.INTLAYER_CONFIGURATION=`INTLAYER_CONFIGURATION`,e.INTLAYER_CURRENT_LOCALE=`INTLAYER_CURRENT_LOCALE`,e.INTLAYER_EDITOR_ENABLED=`INTLAYER_EDITOR_ENABLED`,e.INTLAYER_URL_CHANGE=`INTLAYER_URL_CHANGE`,e.INTLAYER_HOVERED_CONTENT_CHANGED=`INTLAYER_HOVERED_CONTENT_CHANGED`,e.INTLAYER_FOCUSED_CONTENT_CHANGED=`INTLAYER_FOCUSED_CONTENT_CHANGED`,e.INTLAYER_LOCALE_DICTIONARIES_CHANGED=`INTLAYER_LOCALE_DICTIONARIES_CHANGED`,e.INTLAYER_DISTANT_DICTIONARIES_CHANGED=`INTLAYER_DISTANT_DICTIONARIES_CHANGED`,e.INTLAYER_EDITED_CONTENT_CHANGED=`INTLAYER_EDITED_CONTENT_CHANGED`,e.INTLAYER_IFRAME_CLICKED=`INTLAYER_IFRAME_CLICKED`,e}({});export{e as MessageKey};
|
|
2
|
-
//# sourceMappingURL=messagesKeys.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"messagesKeys.mjs","names":[],"sources":["../../src/messagesKeys.ts"],"sourcesContent":["export enum MessageKey {\n INTLAYER_CONFIGURATION = 'INTLAYER_CONFIGURATION',\n INTLAYER_CURRENT_LOCALE = 'INTLAYER_CURRENT_LOCALE',\n INTLAYER_EDITOR_ENABLED = 'INTLAYER_EDITOR_ENABLED',\n INTLAYER_URL_CHANGE = 'INTLAYER_URL_CHANGE',\n INTLAYER_HOVERED_CONTENT_CHANGED = 'INTLAYER_HOVERED_CONTENT_CHANGED',\n INTLAYER_FOCUSED_CONTENT_CHANGED = 'INTLAYER_FOCUSED_CONTENT_CHANGED',\n INTLAYER_LOCALE_DICTIONARIES_CHANGED = 'INTLAYER_LOCALE_DICTIONARIES_CHANGED',\n INTLAYER_DISTANT_DICTIONARIES_CHANGED = 'INTLAYER_DISTANT_DICTIONARIES_CHANGED',\n INTLAYER_EDITED_CONTENT_CHANGED = 'INTLAYER_EDITED_CONTENT_CHANGED',\n INTLAYER_IFRAME_CLICKED = 'INTLAYER_IFRAME_CLICKED',\n}\n"],"mappings":"AAAA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,uBAAA,yBACA,EAAA,wBAAA,0BACA,EAAA,wBAAA,0BACA,EAAA,oBAAA,sBACA,EAAA,iCAAA,mCACA,EAAA,iCAAA,mCACA,EAAA,qCAAA,uCACA,EAAA,sCAAA,wCACA,EAAA,gCAAA,kCACA,EAAA,wBAAA,gCACD"}
|
|
@@ -1,49 +0,0 @@
|
|
|
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 the <intlayer-content-selector> custom element.
|
|
43
|
-
* Call this once at application startup (inside IntlayerEditorProvider or similar).
|
|
44
|
-
* Safe to call multiple times — only registers if not already defined.
|
|
45
|
-
*/
|
|
46
|
-
declare const defineIntlayerElements: () => void;
|
|
47
|
-
//#endregion
|
|
48
|
-
export { defineIntlayerElements as n, IntlayerContentSelectorElement as t };
|
|
49
|
-
//# sourceMappingURL=ContentSelector-rBO8c1Kp.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentSelector-rBO8c1Kp.d.ts","names":[],"sources":["../../src/components/ContentSelector.ts"],"mappings":";;;;;;;AAqBA;;;;;;;;;;;;;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"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
//#region src/core/CrossFrameMessenger.d.ts
|
|
2
|
-
type MessagePayload = {
|
|
3
|
-
type: string;
|
|
4
|
-
data?: unknown;
|
|
5
|
-
senderId?: string;
|
|
6
|
-
};
|
|
7
|
-
type MessengerConfig = {
|
|
8
|
-
/**
|
|
9
|
-
* Origins allowed to send messages to this instance.
|
|
10
|
-
* Use '*' to allow all origins (not recommended for production).
|
|
11
|
-
*/
|
|
12
|
-
allowedOrigins: string[];
|
|
13
|
-
/**
|
|
14
|
-
* Function used to send messages to other frames.
|
|
15
|
-
* Injected so the messenger is agnostic to the frame topology.
|
|
16
|
-
*/
|
|
17
|
-
postMessageFn: (payload: MessagePayload, origin: string) => void;
|
|
18
|
-
};
|
|
19
|
-
type MessageHandler<T = unknown> = (data: T, senderId?: string) => void;
|
|
20
|
-
/**
|
|
21
|
-
* CrossFrameMessenger manages all cross-frame postMessage communication.
|
|
22
|
-
* It owns a single window message listener and routes incoming messages to
|
|
23
|
-
* type-specific subscribers.
|
|
24
|
-
*
|
|
25
|
-
* Replaces CommunicatorContext + useCrossFrameMessageListener across all frameworks.
|
|
26
|
-
*/
|
|
27
|
-
declare class CrossFrameMessenger {
|
|
28
|
-
readonly senderId: string;
|
|
29
|
-
private readonly _config;
|
|
30
|
-
private readonly _subscribers;
|
|
31
|
-
private _windowHandler;
|
|
32
|
-
constructor(config: MessengerConfig);
|
|
33
|
-
/** Start listening for incoming messages on window. */
|
|
34
|
-
start(): void;
|
|
35
|
-
/** Stop listening and clean up. */
|
|
36
|
-
stop(): void;
|
|
37
|
-
/** Send a message payload to all configured target origins. */
|
|
38
|
-
send(type: string, data?: unknown): void;
|
|
39
|
-
/**
|
|
40
|
-
* Subscribe to messages of a given type.
|
|
41
|
-
* Returns an unsubscribe function.
|
|
42
|
-
*/
|
|
43
|
-
subscribe<T = unknown>(type: string, handler: MessageHandler<T>): () => void;
|
|
44
|
-
private _handleMessage;
|
|
45
|
-
}
|
|
46
|
-
//#endregion
|
|
47
|
-
export { MessagePayload as n, MessengerConfig as r, CrossFrameMessenger as t };
|
|
48
|
-
//# sourceMappingURL=CrossFrameMessenger-CAAHntwS.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossFrameMessenger-CAAHntwS.d.ts","names":[],"sources":["../../src/core/CrossFrameMessenger.ts"],"mappings":";KAIY,cAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA;AAAA;AAAA,KAGU,eAAA;EAJV;;;;EASA,cAAA;EALyB;;;;EAUzB,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,QACT,cAAA;cAEI,MAAA,EAAQ,eAAA;EANT;EAYX,KAAA,CAAA;EAZ8B;EAsB9B,IAAA,CAAA;EAqB6D;EAb7D,IAAA,CAAK,IAAA,UAAc,IAAA;EAayC;;;;EAA5D,SAAA,aAAA,CAAuB,IAAA,UAAc,OAAA,EAAS,cAAA,CAAe,CAAA;EAAA,QAUrD,cAAA;AAAA"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { t as CrossFrameMessenger } from "./CrossFrameMessenger-CAAHntwS.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 { CrossFrameStateOptions as n, CrossFrameStateManager as t };
|
|
44
|
-
//# sourceMappingURL=CrossFrameStateManager-DxgxsAmo.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossFrameStateManager-DxgxsAmo.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"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { r as MessengerConfig, t as CrossFrameMessenger } from "./CrossFrameMessenger-CAAHntwS.js";
|
|
2
|
-
import { t as CrossFrameStateManager } from "./CrossFrameStateManager-DxgxsAmo.js";
|
|
3
|
-
import { Locale } from "@intlayer/types/allLocales";
|
|
4
|
-
import { IntlayerConfig } from "@intlayer/types/config";
|
|
5
|
-
import { ContentNode, Dictionary, LocalDictionaryId } from "@intlayer/types/dictionary";
|
|
6
|
-
import { KeyPath } from "@intlayer/types/keyPath";
|
|
7
|
-
|
|
8
|
-
//#region src/core/EditorStateManager.d.ts
|
|
9
|
-
type DictionaryContent = Record<LocalDictionaryId, Dictionary>;
|
|
10
|
-
type FileContent = {
|
|
11
|
-
dictionaryKey: string;
|
|
12
|
-
dictionaryLocalId?: LocalDictionaryId;
|
|
13
|
-
keyPath?: KeyPath[];
|
|
14
|
-
};
|
|
15
|
-
type EditorStateManagerConfig = {
|
|
16
|
-
/** 'client' = the app running inside the iframe; 'editor' = the editor wrapping the app */mode: 'editor' | 'client'; /** Cross-frame messaging configuration */
|
|
17
|
-
messenger: MessengerConfig; /** Optional initial Intlayer configuration to broadcast */
|
|
18
|
-
configuration?: IntlayerConfig;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* EditorStateManager is the single entry point for all Intlayer editor state.
|
|
22
|
-
* It is framework-agnostic: instantiate one instance at the root of the application
|
|
23
|
-
* and subscribe to its EventTarget-based events from any framework adapter.
|
|
24
|
-
*
|
|
25
|
-
* Replaces all context providers, hooks and store files across React, Preact,
|
|
26
|
-
* Solid, Svelte, and Vue integrations.
|
|
27
|
-
*/
|
|
28
|
-
declare class EditorStateManager {
|
|
29
|
-
readonly messenger: CrossFrameMessenger;
|
|
30
|
-
readonly editorEnabled: CrossFrameStateManager<boolean>;
|
|
31
|
-
readonly focusedContent: CrossFrameStateManager<FileContent | null>;
|
|
32
|
-
readonly localeDictionaries: CrossFrameStateManager<DictionaryContent>;
|
|
33
|
-
readonly editedContent: CrossFrameStateManager<DictionaryContent>;
|
|
34
|
-
readonly configuration: CrossFrameStateManager<IntlayerConfig>;
|
|
35
|
-
readonly currentLocale: CrossFrameStateManager<Locale>;
|
|
36
|
-
private readonly _urlManager;
|
|
37
|
-
private readonly _iframeInterceptor;
|
|
38
|
-
private readonly _mode;
|
|
39
|
-
constructor(config: EditorStateManagerConfig);
|
|
40
|
-
start(): void;
|
|
41
|
-
stop(): void;
|
|
42
|
-
setFocusedContentKeyPath(keyPath: KeyPath[]): void;
|
|
43
|
-
setLocaleDictionary(dictionary: Dictionary): void;
|
|
44
|
-
setEditedDictionary(newDict: Dictionary): void;
|
|
45
|
-
setEditedContent(localDictionaryId: LocalDictionaryId, newValue: Dictionary['content']): void;
|
|
46
|
-
addContent(localDictionaryId: LocalDictionaryId, newValue: ContentNode, keyPath?: KeyPath[], overwrite?: boolean): void;
|
|
47
|
-
renameContent(localDictionaryId: LocalDictionaryId, newKey: KeyPath['key'], keyPath?: KeyPath[]): void;
|
|
48
|
-
removeContent(localDictionaryId: LocalDictionaryId, keyPath: KeyPath[]): void;
|
|
49
|
-
restoreContent(localDictionaryId: LocalDictionaryId): void;
|
|
50
|
-
clearContent(localDictionaryId: LocalDictionaryId): void;
|
|
51
|
-
clearAllContent(): void;
|
|
52
|
-
getContentValue(localDictionaryIdOrKey: LocalDictionaryId | string, keyPath: KeyPath[]): ContentNode | undefined;
|
|
53
|
-
private _loadDictionaries;
|
|
54
|
-
}
|
|
55
|
-
//#endregion
|
|
56
|
-
export { FileContent as i, EditorStateManager as n, EditorStateManagerConfig as r, DictionaryContent as t };
|
|
57
|
-
//# sourceMappingURL=EditorStateManager-Ym8YfMiG.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditorStateManager-Ym8YfMiG.d.ts","names":[],"sources":["../../src/core/EditorStateManager.ts"],"mappings":";;;;;;;;KAuBY,iBAAA,GAAoB,MAAA,CAAO,iBAAA,EAAmB,UAAA;AAAA,KAE9C,WAAA;EACV,aAAA;EACA,iBAAA,GAAoB,iBAAA;EACpB,OAAA,GAAU,OAAA;AAAA;AAAA,KAGA,wBAAA;EARoB,2FAU9B,IAAA,uBAVoC;EAYpC,SAAA,EAAW,eAAA,EAZ0B;EAcrC,aAAA,GAAgB,cAAA;AAAA;;AAZlB;;;;;;;cAuBa,kBAAA;EAAA,SACF,SAAA,EAAW,mBAAA;EAAA,SACX,aAAA,EAAe,sBAAA;EAAA,SACf,cAAA,EAAgB,sBAAA,CAAuB,WAAA;EAAA,SACvC,kBAAA,EAAoB,sBAAA,CAAuB,iBAAA;EAAA,SAC3C,aAAA,EAAe,sBAAA,CAAuB,iBAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,cAAA;EAAA,SACtC,aAAA,EAAe,sBAAA,CAAuB,MAAA;EAAA,iBAE9B,WAAA;EAAA,iBACA,kBAAA;EAAA,iBACA,KAAA;cAEL,MAAA,EAAQ,wBAAA;EA+CpB,KAAA,CAAA;EAoBA,IAAA,CAAA;EAeA,wBAAA,CAAyB,OAAA,EAAS,OAAA;EASlC,mBAAA,CAAoB,UAAA,EAAY,UAAA;EAWhC,mBAAA,CAAoB,OAAA,EAAS,UAAA;EAY7B,gBAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,UAAA;EAYZ,UAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,QAAA,EAAU,WAAA,EACV,OAAA,GAAS,OAAA,IACT,SAAA;EA2CF,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,MAAA,EAAQ,OAAA,SACR,OAAA,GAAS,OAAA;EAkBX,aAAA,CACE,iBAAA,EAAmB,iBAAA,EACnB,OAAA,EAAS,OAAA;EAuBX,cAAA,CAAe,iBAAA,EAAmB,iBAAA;EAOlC,YAAA,CAAa,iBAAA,EAAmB,iBAAA;EAOhC,eAAA,CAAA;EAIA,eAAA,CACE,sBAAA,EAAwB,iBAAA,WACxB,OAAA,EAAS,OAAA,KACR,WAAA;EAAA,QAsCW,iBAAA;AAAA"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { t as CrossFrameMessenger } from "./CrossFrameMessenger-CAAHntwS.js";
|
|
2
|
-
|
|
3
|
-
//#region src/core/IframeClickInterceptor.d.ts
|
|
4
|
-
/**
|
|
5
|
-
* IframeClickInterceptor handles click events across iframe boundaries.
|
|
6
|
-
*
|
|
7
|
-
* - startInterceptor(): called in the client (iframe) — broadcasts mousedown to parent
|
|
8
|
-
* - startMerger(): called in the editor (parent) — merges received clicks into DOM events
|
|
9
|
-
*
|
|
10
|
-
* Replaces useIframeClickInterceptor / useIframeClickMerger across all frameworks.
|
|
11
|
-
*/
|
|
12
|
-
declare class IframeClickInterceptor {
|
|
13
|
-
private readonly _messenger;
|
|
14
|
-
private _mousedownHandler;
|
|
15
|
-
private _unsubscribeMerge;
|
|
16
|
-
constructor(messenger: CrossFrameMessenger);
|
|
17
|
-
/** Called on the client side (inside iframe). Broadcasts click events to parent. */
|
|
18
|
-
startInterceptor(): void;
|
|
19
|
-
/** Called on the editor side (parent frame). Merges incoming iframe clicks into DOM. */
|
|
20
|
-
startMerger(): void;
|
|
21
|
-
stopInterceptor(): void;
|
|
22
|
-
stopMerger(): void;
|
|
23
|
-
}
|
|
24
|
-
//#endregion
|
|
25
|
-
export { IframeClickInterceptor as t };
|
|
26
|
-
//# sourceMappingURL=IframeClickInterceptor-Dy1raFvk.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IframeClickInterceptor-Dy1raFvk.d.ts","names":[],"sources":["../../src/core/IframeClickInterceptor.ts"],"mappings":";;;;;AAYA;;;;;;cAAa,sBAAA;EAAA,iBACM,UAAA;EAAA,QACT,iBAAA;EAAA,QACA,iBAAA;cAEI,SAAA,EAAW,mBAAA;EAcvB;EATA,gBAAA,CAAA;EAuBA;EAdA,WAAA,CAAA;EAOA,eAAA,CAAA;EAOA,UAAA,CAAA;AAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { t as CrossFrameMessenger } from "./CrossFrameMessenger-CAAHntwS.js";
|
|
2
|
-
|
|
3
|
-
//#region src/core/UrlStateManager.d.ts
|
|
4
|
-
/**
|
|
5
|
-
* UrlStateManager patches window.history and broadcasts URL path changes
|
|
6
|
-
* across frames via postMessage.
|
|
7
|
-
*
|
|
8
|
-
* Replaces useCrossURLPathSetter / useCrossURLPathState across all frameworks.
|
|
9
|
-
*/
|
|
10
|
-
declare class UrlStateManager {
|
|
11
|
-
private readonly _messenger;
|
|
12
|
-
private _originalPushState;
|
|
13
|
-
private _originalReplaceState;
|
|
14
|
-
private _listeners;
|
|
15
|
-
constructor(messenger: CrossFrameMessenger);
|
|
16
|
-
start(): void;
|
|
17
|
-
stop(): void;
|
|
18
|
-
}
|
|
19
|
-
//#endregion
|
|
20
|
-
export { UrlStateManager as t };
|
|
21
|
-
//# sourceMappingURL=UrlStateManager-Bq87v4hY.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UrlStateManager-Bq87v4hY.d.ts","names":[],"sources":["../../src/core/UrlStateManager.ts"],"mappings":";;;;;AASA;;;;cAAa,eAAA;EAAA,iBACM,UAAA;EAAA,QACT,kBAAA;EAAA,QACA,qBAAA;EAAA,QACA,UAAA;cAEI,SAAA,EAAW,mBAAA;EAIvB,KAAA,CAAA;EA2CA,IAAA,CAAA;AAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
//#region src/messagesKeys.d.ts
|
|
2
|
-
declare enum MessageKey {
|
|
3
|
-
INTLAYER_CONFIGURATION = "INTLAYER_CONFIGURATION",
|
|
4
|
-
INTLAYER_CURRENT_LOCALE = "INTLAYER_CURRENT_LOCALE",
|
|
5
|
-
INTLAYER_EDITOR_ENABLED = "INTLAYER_EDITOR_ENABLED",
|
|
6
|
-
INTLAYER_URL_CHANGE = "INTLAYER_URL_CHANGE",
|
|
7
|
-
INTLAYER_HOVERED_CONTENT_CHANGED = "INTLAYER_HOVERED_CONTENT_CHANGED",
|
|
8
|
-
INTLAYER_FOCUSED_CONTENT_CHANGED = "INTLAYER_FOCUSED_CONTENT_CHANGED",
|
|
9
|
-
INTLAYER_LOCALE_DICTIONARIES_CHANGED = "INTLAYER_LOCALE_DICTIONARIES_CHANGED",
|
|
10
|
-
INTLAYER_DISTANT_DICTIONARIES_CHANGED = "INTLAYER_DISTANT_DICTIONARIES_CHANGED",
|
|
11
|
-
INTLAYER_EDITED_CONTENT_CHANGED = "INTLAYER_EDITED_CONTENT_CHANGED",
|
|
12
|
-
INTLAYER_IFRAME_CLICKED = "INTLAYER_IFRAME_CLICKED"
|
|
13
|
-
}
|
|
14
|
-
//#endregion
|
|
15
|
-
export { MessageKey };
|
|
16
|
-
//# sourceMappingURL=messagesKeys.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"messagesKeys.d.ts","names":[],"sources":["../../src/messagesKeys.ts"],"mappings":";aAAY,UAAA;EACV,sBAAA;EACA,uBAAA;EACA,uBAAA;EACA,mBAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EACA,qCAAA;EACA,+BAAA;EACA,uBAAA;AAAA"}
|