svelte-intlayer 8.3.4 → 8.4.0

package/dist/client/setupIntlayer.svelte.d.ts

@@ -16,7 +16,7 @@ import type { LocalesValues } from '@intlayer/types/module_augmentation';
  * </script>
  * ```
  */
-export declare const setupIntlayer: (initialLocale: LocalesValues) => {
-    readonly locale: LocalesValues;
+export declare const setupIntlayer: (initialLocale?: LocalesValues) => {
+    readonly locale: "id" | "cy" | "hr" | "th" | "tr" | "tt" | "mi" | "mn" | "ms" | "af" | "af-ZA" | "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-YE" | "az" | "az-AZ" | "be" | "be-BY" | "bg" | "bg-BG" | "bs" | "bs-BA" | "ca" | "ca-ES" | "cs" | "cs-CZ" | "cy-GB" | "da" | "da-DK" | "de" | "de-AT" | "de-CH" | "de-DE" | "de-LI" | "de-LU" | "dv" | "dv-MV" | "el" | "el-GR" | "en" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-GB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-TT" | "en-US" | "en-ZA" | "en-ZW" | "eo" | "es" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-ES" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PE" | "es-PR" | "es-PY" | "es-SV" | "es-UY" | "es-VE" | "et" | "et-EE" | "eu" | "eu-ES" | "fa" | "fa-IR" | "fi" | "fi-FI" | "fo" | "fo-FO" | "fr" | "fr-BE" | "fr-CA" | "fr-CH" | "fr-FR" | "fr-LU" | "fr-MC" | "ga" | "ga-IE" | "gd" | "gd-GB" | "gl" | "gl-ES" | "gu" | "gu-IN" | "he" | "he-IL" | "hi" | "hi-IN" | "hr-BA" | "hr-HR" | "hu" | "hu-HU" | "hy" | "hy-AM" | "id-ID" | "is" | "is-IS" | "it" | "it-CH" | "it-IT" | "ja" | "ja-JP" | "ka" | "ka-GE" | "kk" | "kk-KZ" | "kn" | "kn-IN" | "ko" | "ko-KR" | "kok" | "kok-IN" | "ku" | "ku-TR" | "ky" | "ky-KG" | "lt" | "lt-LT" | "lv" | "lv-LV" | "mi-NZ" | "mk" | "mk-MK" | "mn-MN" | "mr" | "mr-IN" | "ms-BN" | "ms-MY" | "mt" | "mt-MT" | "ml" | "ml-IN" | "no" | "nb" | "nb-NO" | "nl" | "nl-BE" | "nl-NL" | "nn" | "nn-NO" | "ns" | "ns-ZA" | "pa" | "pa-IN" | "pl" | "pl-PL" | "ps" | "ps-AR" | "pt" | "pt-BR" | "pt-PT" | "qu" | "qu-BO" | "qu-EC" | "qu-PE" | "ro" | "ro-RO" | "ro-MD" | "rm" | "rm-CH" | "ru" | "ru-RU" | "ru-MD" | "sa" | "sa-IN" | "se" | "se-FI" | "se-NO" | "se-SE" | "hsb" | "hsb-DE" | "dsb" | "dsb-DE" | "sk" | "sk-SK" | "sl" | "sl-SI" | "sq" | "sq-AL" | "sr" | "sr-BA" | "sr-SP" | "sv" | "sv-FI" | "sv-SE" | "sw" | "sw-KE" | "syr" | "syr-SY" | "ta" | "ta-IN" | "te" | "te-IN" | "th-TH" | "tl" | "tl-PH" | "tn" | "tn-ZA" | "tr-TR" | "tt-RU" | "ts" | "uk" | "uk-UA" | "ur" | "ur-PK" | "uz" | "uz-UZ" | "vi" | "vi-VN" | "ve" | "ve-ZA" | "xh" | "xh-ZA" | "zh" | "zh-Hans" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-Hant" | "zu" | "zu-ZA" | "bn" | "bn-BD" | "bn-IN" | "bn-MM" | "my" | "my-MM" | "km" | "km-KH" | "lo" | "lo-LA" | "yo" | "yo-NG" | "yi" | "yi-001" | "am" | "am-ET" | "ne" | "ne-NP" | "si" | "si-LK" | "sr-Cyrl" | "sr-RS" | "en-IN" | "en-SG" | "en-HK" | "en-NG" | "en-PK" | "en-MY" | "en-BW" | "en-KE" | "en-TZ" | "en-GH" | "en-UG" | "es-CU" | "es-US" | "pt-GW" | "pt-MZ" | "pt-ST" | "pt-CV" | "pt-TL" | "pt-MO" | "zh-TW" | "ar-MR" | "ar-PS" | "ar-SD" | "ar-DJ" | "ar-SO" | "ar-TD" | "ar-KM" | "mg-MG" | (string & {});
     setLocale: (newLocale: LocalesValues) => void;
 };

package/dist/client/setupIntlayer.svelte.js

@@ -1,6 +1,7 @@
+import configuration from '@intlayer/config/built';
 import { useEditor } from '../editor/useEditor';
-// Assuming setIntlayerContext exports a specific key or symbol
 import { setIntlayerContext } from './intlayerContext';
+import { intlayerStore } from './intlayerStore';
 /**
  * Setups Intlayer in your Svelte application.
  *
@@ -19,24 +20,25 @@ import { setIntlayerContext } from './intlayerContext';
  * ```
  */
 export const setupIntlayer = (initialLocale) => {
-    // 1. Initialize your side effects
-    // Note: If these need to run only in the browser, wrap them in $effect or onMount
-    // inside your side-effect logic if they aren't already safe.
     useEditor();
-    // 2. Create Reactive State (Svelte 5)
+    // Create Reactive State (Svelte 5)
     // We make the locale a "rune" so updates propagate
     let locale = $state(initialLocale);
-    // 3. Define the Context Object
+    // Keep intlayerStore in sync so useEditor can subscribe to it
+    if (initialLocale) {
+        intlayerStore.setLocale(initialLocale);
+    }
+    // Define the Context Object
     const contextValue = {
         get locale() {
-            return locale;
+            return locale ?? configuration.internationalization.defaultLocale;
         },
         setLocale: (newLocale) => {
             locale = newLocale;
+            intlayerStore.setLocale(newLocale);
         },
     };
-    // 4. Set the Context
-    // setIntlayerContext internal logic usually wraps setContext(KEY, value)
+    // Set the Context
     setIntlayerContext(contextValue);
     // Return the state if you need it immediately in the layout
     return contextValue;

package/dist/editor/ContentSelector.svelte

@@ -1,125 +1,13 @@
 <script lang="ts">
-import { onDestroy, onMount } from 'svelte';
+import type { NodeProps } from '@intlayer/core/interpreter';
 
-// Props
-// biome-ignore lint/style/useConst: Svelte props need let
-export let onClickOutside: (() => void) | undefined = undefined;
-// biome-ignore lint/style/useConst: Svelte props need let
-export let pressDuration = 250;
-// biome-ignore lint/style/useConst: Svelte props need let
-export let isSelecting = false;
-
-// Event props
-// biome-ignore lint/style/useConst: Svelte props need let
-export let onPress: (() => void) | undefined = undefined;
-// biome-ignore lint/style/useConst: Svelte props need let
-export let onUnhover: (() => void) | undefined = undefined;
-// biome-ignore lint/style/useConst: Svelte props need let
-export let onHover: (() => void) | undefined = undefined;
-// biome-ignore lint/style/useConst: Svelte props need let
-export let onClick: ((event: MouseEvent) => void) | undefined = undefined;
-
-// biome-ignore lint/style/useConst: don't transform to const
-let containerRef: HTMLElement | null = null;
-let isHovered = false;
-let isSelectingState = isSelecting;
-let pressTimerRef: ReturnType<typeof setTimeout> | null = null;
-
-$: currentIsSelecting = isSelecting || isSelectingState;
-
-const handleOnLongPress = () => {
-  isSelectingState = true;
-  onPress?.();
-};
-
-const startPressTimer = () => {
-  pressTimerRef = setTimeout(() => {
-    handleOnLongPress();
-  }, pressDuration);
-};
-
-const clearPressTimer = () => {
-  if (pressTimerRef) {
-    clearTimeout(pressTimerRef);
-    pressTimerRef = null;
-  }
-};
-
-const handleMouseDown = () => {
-  clearPressTimer();
-  startPressTimer();
-};
-
-const handleMouseUp = () => {
-  if (isHovered) {
-    isHovered = false;
-    onUnhover?.();
-  }
-  clearPressTimer();
-};
-
-const handleMouseLeave = () => {
-  if (isHovered) {
-    isHovered = false;
-    onUnhover?.();
-  }
-  clearPressTimer();
-};
-
-const handleClickOutside = (event: MouseEvent) => {
-  if (containerRef && !containerRef.contains(event.target as Node)) {
-    isSelectingState = false;
-    if (onClickOutside) onClickOutside();
-  }
-};
-
-const handleClick = (e: MouseEvent) => {
-  if (currentIsSelecting) {
-    e.preventDefault();
-    e.stopPropagation();
-  } else {
-    onClick?.(e);
-  }
-};
-
-onMount(() => {
-  document.addEventListener('mousedown', handleClickOutside);
-});
-
-onDestroy(() => {
-  if (typeof document !== 'undefined') {
-    document.removeEventListener('mousedown', handleClickOutside);
-  }
-  clearPressTimer();
-});
+export let dictionaryKey: NodeProps['dictionaryKey'];
+export let keyPath: NodeProps['keyPath'];
 </script>
 
-<span
-  bind:this={containerRef}
-  role="button"
-  tabindex="0"
-  onclick={handleClick}
-  onkeydown={() => {}}
-  onmousedown={handleMouseDown}
-  onmouseup={handleMouseUp}
-  onmouseleave={handleMouseLeave}
-  ontouchstart={handleMouseDown}
-  ontouchend={handleMouseUp}
-  ontouchcancel={handleMouseLeave}
-  onmouseenter={() => {
-    isHovered = true;
-    onHover?.();
-  }}
-  style={`display: inline-block;
-    cursor: pointer;
-    user-select: none;
-    border-radius: 0.375rem;
-    outline-width: 2px;
-    outline-offset: 4px;
-    outline-style: solid;
-    outline-color: ${currentIsSelecting || isHovered ? 'inherit' : 'transparent'};
-    transition: all 100ms 50ms ease-in-out;
-  `}
+<intlayer-content-selector-wrapper
+  key-path={JSON.stringify(keyPath)}
+  dictionary-key={dictionaryKey}
 >
   <slot />
-</span>
+</intlayer-content-selector-wrapper>

package/dist/editor/ContentSelector.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { NodeProps } from '@intlayer/core/interpreter';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -17,13 +18,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const ContentSelector: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    onClickOutside?: (() => void) | undefined;
-    pressDuration?: number;
-    isSelecting?: boolean;
-    onPress?: (() => void) | undefined;
-    onUnhover?: (() => void) | undefined;
-    onHover?: (() => void) | undefined;
-    onClick?: ((event: MouseEvent) => void) | undefined;
+    dictionaryKey: NodeProps["dictionaryKey"];
+    keyPath: NodeProps["keyPath"];
 }, {
     default: {};
 }>, {

package/dist/editor/useEditor.d.ts

@@ -1 +1,10 @@
+/**
+ * Initialises the Intlayer editor client singleton when the editor is enabled.
+ * Syncs the current locale from intlayerStore into the editor manager so the
+ * editor always knows which locale the app is displaying.
+ *
+ * setupIntlayer keeps intlayerStore in sync whenever setLocale is called, so
+ * subscribing to the store gives us reactive locale updates without needing
+ * direct access to the Svelte 5 rune state.
+ */
 export declare const useEditor: () => void;

package/dist/editor/useEditor.js

@@ -1,22 +1,34 @@
-import { defineIntlayerElements } from '@intlayer/editor';
+import { isEnabled } from '@intlayer/editor/isEnabled';
 import { onDestroy, onMount } from 'svelte';
-import { createEditorStateManager } from './communicator';
+import { intlayerStore } from '../client/intlayerStore';
+/**
+ * Initialises the Intlayer editor client singleton when the editor is enabled.
+ * Syncs the current locale from intlayerStore into the editor manager so the
+ * editor always knows which locale the app is displaying.
+ *
+ * setupIntlayer keeps intlayerStore in sync whenever setLocale is called, so
+ * subscribing to the store gives us reactive locale updates without needing
+ * direct access to the Svelte 5 rune state.
+ */
 export const useEditor = () => {
-    if (typeof window === 'undefined')
+    if (!isEnabled)
         return;
-    const manager = createEditorStateManager();
-    try {
-        onMount(() => {
-            defineIntlayerElements();
-            manager.start();
+    let unsubscribeLocale = null;
+    onMount(() => {
+        import('@intlayer/editor').then(({ initEditorClient }) => {
+            const manager = initEditorClient();
+            // Subscribe immediately — Svelte stores call the subscriber with the
+            // current value on subscription, so the initial locale is set right away.
+            unsubscribeLocale = intlayerStore.subscribe(({ locale }) => {
+                if (locale)
+                    manager.currentLocale.set(locale);
+            });
         });
-        onDestroy(() => {
-            manager.stop();
+    });
+    onDestroy(() => {
+        unsubscribeLocale?.();
+        import('@intlayer/editor').then(({ stopEditorClient }) => {
+            stopEditorClient();
         });
-    }
-    catch {
-        // Outside component context - start immediately
-        defineIntlayerElements();
-        manager.start();
-    }
+    });
 };

package/dist/index.d.ts

@@ -10,7 +10,6 @@ export * from './getIntlayer';
 export * from './html';
 export * from './markdown';
 export * from './plugins';
-import { useEditor } from './editor';
 import { setHTMLContext } from './html';
 import { setMarkdownContext } from './markdown';
-export { useEditor as useIntlayerEditor, setMarkdownContext as setIntlayerMarkdown, setHTMLContext as setIntlayerHTML, };
+export { setHTMLContext as setIntlayerHTML, setMarkdownContext as setIntlayerMarkdown, };

package/dist/index.js

@@ -4,7 +4,6 @@ export * from './getIntlayer';
 export * from './html';
 export * from './markdown';
 export * from './plugins';
-import { useEditor } from './editor';
 import { setHTMLContext } from './html';
 import { setMarkdownContext } from './markdown';
-export { useEditor as useIntlayerEditor, setMarkdownContext as setIntlayerMarkdown, setHTMLContext as setIntlayerHTML, };
+export { setHTMLContext as setIntlayerHTML, setMarkdownContext as setIntlayerMarkdown, };

package/dist/markdown/MarkdownMetadataWithSelector.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import type { KeyPath } from '@intlayer/types/keyPath';
-import ContentSelectorWrapper from '../editor/ContentSelectorWrapper.svelte';
+import ContentSelector from '../editor/ContentSelector.svelte';
 import MarkdownMetadataRenderer from './MarkdownMetadataRenderer.svelte';
 
 export let dictionaryKey: string;
@@ -9,13 +9,13 @@ export let value: string;
 export let metadataKeyPath: KeyPath[];
 </script>
 
-<ContentSelectorWrapper {dictionaryKey} {keyPath}>
+<ContentSelector {dictionaryKey} {keyPath}>
   <MarkdownMetadataRenderer
     {dictionaryKey}
     {keyPath}
     {value}
     {metadataKeyPath}
   />
-</ContentSelectorWrapper>
+</ContentSelector>
 
 

package/dist/markdown/MarkdownWithSelector.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import type { KeyPath } from '@intlayer/types/keyPath';
-import ContentSelectorWrapper from '../editor/ContentSelectorWrapper.svelte';
+import ContentSelector from '../editor/ContentSelector.svelte';
 import MarkdownRenderer from './MarkdownRenderer.svelte';
 
 export let dictionaryKey: string;
@@ -10,8 +10,8 @@ export let value: string;
 $: overrides = { ...$$restProps };
 </script>
 
-<ContentSelectorWrapper {dictionaryKey} {keyPath}>
+<ContentSelector {dictionaryKey} {keyPath}>
   <MarkdownRenderer {value} {overrides} />
-</ContentSelectorWrapper>
+</ContentSelector>
 
 

package/dist/plugins.js

@@ -3,7 +3,7 @@ import { conditionPlugin, enumerationPlugin, filePlugin, genderPlugin, getHTML,
 import { compile, getMarkdownMetadata } from '@intlayer/core/markdown';
 import { HTML_TAGS, } from '@intlayer/core/transpiler';
 import { NodeType } from '@intlayer/types/nodeType';
-import { ContentSelectorWrapper } from './editor';
+import { default as ContentSelector } from './editor/ContentSelector.svelte';
 import MarkdownMetadataWithSelector from './markdown/MarkdownMetadataWithSelector.svelte';
 import MarkdownWithSelector from './markdown/MarkdownWithSelector.svelte';
 import { svelteHtmlRuntime } from './markdown/runtime';
@@ -20,7 +20,7 @@ export const intlayerNodePlugins = {
     transform: (node, { children, ...rest }) => renderIntlayerNode({
         value: children ?? node,
         component: configuration?.editor.enabled
-            ? ContentSelectorWrapper
+            ? ContentSelector
             : (children ?? node),
         props: rest,
     }),

package/dist/renderIntlayerNode.test.js

@@ -10,7 +10,7 @@ vi.mock('./IntlayerNodeWrapper.svelte', () => ({
 }));
 // Mock the editor module (exports Svelte components).
 vi.mock('./editor', () => ({
-    ContentSelectorWrapper: () => null,
+    ContentSelector: () => null,
 }));
 // Mock Svelte markdown components.
 vi.mock('./markdown/MarkdownMetadataWithSelector.svelte', () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -72,11 +72,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.3.4",
-    "@intlayer/config": "8.3.4",
-    "@intlayer/core": "8.3.4",
-    "@intlayer/editor": "8.3.4",
-    "@intlayer/types": "8.3.4"
+    "@intlayer/api": "8.4.0",
+    "@intlayer/config": "8.4.0",
+    "@intlayer/core": "8.4.0",
+    "@intlayer/editor": "8.4.0",
+    "@intlayer/types": "8.4.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",

package/dist/editor/ContentSelectorWrapper.svelte

@@ -1,61 +0,0 @@
-<script lang="ts">
-import type { NodeProps } from '@intlayer/core/interpreter';
-import { isSameKeyPath } from '@intlayer/core/utils';
-import { defineIntlayerElements, MessageKey } from '@intlayer/editor';
-import { NodeType } from '@intlayer/types/nodeType';
-import { onMount } from 'svelte';
-import { getEditorStateManager } from './communicator';
-import { useEditorEnabled } from './editorEnabled';
-import { useFocusDictionary } from './focusDictionary';
-import { useEditor } from './useEditor';
-
-export let dictionaryKey: NodeProps['dictionaryKey'];
-export let keyPath: NodeProps['keyPath'];
-
-const manager = getEditorStateManager();
-const { focusedContent, setFocusedContent } = useFocusDictionary();
-const { enabled } = useEditorEnabled();
-
-useEditor();
-
-onMount(() => defineIntlayerElements());
-
-$: filteredKeyPath = keyPath.filter((key) => key.type !== NodeType.Translation);
-
-$: isSelected =
-  $focusedContent?.dictionaryKey === dictionaryKey &&
-  ($focusedContent?.keyPath?.length ?? 0) > 0 &&
-  isSameKeyPath($focusedContent?.keyPath ?? [], filteredKeyPath);
-
-const handlePress = () => {
-  setFocusedContent({ dictionaryKey, keyPath: filteredKeyPath });
-};
-
-const handleHover = () => {
-  manager.messenger.send(
-    `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-    { dictionaryKey, keyPath: filteredKeyPath }
-  );
-};
-
-const handleUnhover = () => {
-  manager.messenger.send(
-    `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-    null
-  );
-};
-</script>
-
-{#if $enabled}
-  <!-- svelte-ignore a11y-no-static-element-interactions -->
-  <intlayer-content-selector
-    is-selecting={isSelected || undefined}
-    on:intlayer:press={handlePress}
-    on:intlayer:hover={handleHover}
-    on:intlayer:unhover={handleUnhover}
-  >
-    <slot />
-  </intlayer-content-selector>
-{:else}
-  <slot />
-{/if}

package/dist/editor/ContentSelectorWrapper.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { NodeProps } from '@intlayer/core/interpreter';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const ContentSelectorWrapper: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    dictionaryKey: NodeProps["dictionaryKey"];
-    keyPath: NodeProps["keyPath"];
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type ContentSelectorWrapper = InstanceType<typeof ContentSelectorWrapper>;
-export default ContentSelectorWrapper;

package/dist/editor/communicator.d.ts

@@ -1,7 +0,0 @@
-import { EditorStateManager } from '@intlayer/editor';
-export declare const createEditorStateManager: () => EditorStateManager;
-export declare const getEditorStateManager: () => EditorStateManager;
-export declare const useCommunicator: () => {
-    postMessage: (data: any) => void;
-    senderId: string;
-};

package/dist/editor/communicator.js

@@ -1,59 +0,0 @@
-import configuration from '@intlayer/config/built';
-import { EditorStateManager } from '@intlayer/editor';
-import { getContext, setContext } from 'svelte';
-const { editor } = configuration ?? {};
-const buildDefaultMessengerConfig = () => ({
-    allowedOrigins: [
-        editor?.applicationURL,
-        editor?.editorURL,
-        editor?.cmsURL,
-    ].filter(Boolean),
-    postMessageFn: (payload, origin) => {
-        if (typeof window === 'undefined')
-            return;
-        const isInIframe = window.self !== window.top;
-        if (!isInIframe)
-            return;
-        window.parent?.postMessage(payload, origin);
-        window.postMessage(payload, origin);
-    },
-});
-const MANAGER_KEY = Symbol('INTLAYER_EDITOR_STATE_MANAGER');
-let globalManager = null;
-export const createEditorStateManager = () => {
-    const manager = new EditorStateManager({
-        mode: 'client',
-        messenger: buildDefaultMessengerConfig(),
-        configuration,
-    });
-    try {
-        setContext(MANAGER_KEY, manager);
-    }
-    catch {
-        // Outside component context
-    }
-    globalManager = manager;
-    return manager;
-};
-export const getEditorStateManager = () => {
-    try {
-        const ctx = getContext(MANAGER_KEY);
-        if (ctx)
-            return ctx;
-    }
-    catch {
-        // Outside component context
-    }
-    if (!globalManager) {
-        return createEditorStateManager();
-    }
-    return globalManager;
-};
-// Backward-compat alias
-export const useCommunicator = () => {
-    const manager = getEditorStateManager();
-    return {
-        postMessage: (data) => manager.messenger.send(data.type, data.data),
-        senderId: manager.messenger.senderId,
-    };
-};

package/dist/editor/dictionariesRecord.d.ts

@@ -1,5 +0,0 @@
-import type { DictionaryContent } from '@intlayer/editor';
-export type { DictionaryContent };
-export declare const useDictionariesRecord: () => {
-    dictionariesRecord: import("svelte/store").Readable<DictionaryContent>;
-};

package/dist/editor/dictionariesRecord.js

@@ -1,11 +0,0 @@
-import { readable } from 'svelte/store';
-import { getEditorStateManager } from './communicator';
-export const useDictionariesRecord = () => {
-    const manager = getEditorStateManager();
-    const dictionariesRecord = readable(manager.localeDictionaries.value ?? {}, (set) => {
-        const handler = (e) => set(e.detail ?? {});
-        manager.localeDictionaries.addEventListener('change', handler);
-        return () => manager.localeDictionaries.removeEventListener('change', handler);
-    });
-    return { dictionariesRecord };
-};

package/dist/editor/editorEnabled.d.ts

@@ -1,5 +0,0 @@
-import { readable } from 'svelte/store';
-export type EditorEnabledStateProps = {
-    enabled: ReturnType<typeof readable<boolean>>;
-};
-export declare const useEditorEnabled: () => EditorEnabledStateProps;

package/dist/editor/editorEnabled.js

@@ -1,11 +0,0 @@
-import { readable } from 'svelte/store';
-import { getEditorStateManager } from './communicator';
-export const useEditorEnabled = () => {
-    const manager = getEditorStateManager();
-    const enabled = readable(manager.editorEnabled.value ?? false, (set) => {
-        const handler = (e) => set(e.detail);
-        manager.editorEnabled.addEventListener('change', handler);
-        return () => manager.editorEnabled.removeEventListener('change', handler);
-    });
-    return { enabled };
-};

package/dist/editor/focusDictionary.d.ts

@@ -1,10 +0,0 @@
-import type { FileContent } from '@intlayer/editor';
-import type { KeyPath } from '@intlayer/types/keyPath';
-import { readable } from 'svelte/store';
-export type { FileContent };
-export type FocusDictionaryStateProps = {
-    focusedContent: ReturnType<typeof readable<FileContent | null>>;
-    setFocusedContent: (content: FileContent | null) => void;
-    setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;
-};
-export declare const useFocusDictionary: () => FocusDictionaryStateProps;

package/dist/editor/focusDictionary.js

@@ -1,15 +0,0 @@
-import { readable } from 'svelte/store';
-import { getEditorStateManager } from './communicator';
-export const useFocusDictionary = () => {
-    const manager = getEditorStateManager();
-    const focusedContent = readable(manager.focusedContent.value ?? null, (set) => {
-        const handler = (e) => set(e.detail);
-        manager.focusedContent.addEventListener('change', handler);
-        return () => manager.focusedContent.removeEventListener('change', handler);
-    });
-    return {
-        focusedContent,
-        setFocusedContent: (content) => manager.focusedContent.set(content),
-        setFocusedContentKeyPath: (keyPath) => manager.setFocusedContentKeyPath(keyPath),
-    };
-};

package/dist/editor/index.d.ts

@@ -1,10 +0,0 @@
-export { default as ContentSelector } from './ContentSelector.svelte';
-export { default as ContentSelectorWrapper } from './ContentSelectorWrapper.svelte';
-export * from './communicator';
-export * from './dictionariesRecord';
-export * from './editorEnabled';
-export * from './focusDictionary';
-export * from './useCrossFrameMessageListener';
-export * from './useCrossFrameState';
-export * from './useEditor';
-export * from './useIframeClickInterceptor';

package/dist/editor/index.js

@@ -1,10 +0,0 @@
-export { default as ContentSelector } from './ContentSelector.svelte';
-export { default as ContentSelectorWrapper } from './ContentSelectorWrapper.svelte';
-export * from './communicator';
-export * from './dictionariesRecord';
-export * from './editorEnabled';
-export * from './focusDictionary';
-export * from './useCrossFrameMessageListener';
-export * from './useCrossFrameState';
-export * from './useEditor';
-export * from './useIframeClickInterceptor';

package/dist/editor/useCrossFrameMessageListener.d.ts

@@ -1,2 +0,0 @@
-import type { MessageKey } from '@intlayer/editor';
-export declare const useCrossFrameMessageListener: <S>(key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`, onEventTriggered?: (data: S) => void, autoCleanup?: boolean) => (data?: S) => void;

package/dist/editor/useCrossFrameMessageListener.js

@@ -1,17 +0,0 @@
-import { onDestroy } from 'svelte';
-import { getEditorStateManager } from './communicator';
-export const useCrossFrameMessageListener = (key, onEventTriggered, autoCleanup = true) => {
-    const manager = getEditorStateManager();
-    if (onEventTriggered) {
-        const unsub = manager.messenger.subscribe(key, onEventTriggered);
-        if (autoCleanup) {
-            try {
-                onDestroy(unsub);
-            }
-            catch {
-                // Outside component context
-            }
-        }
-    }
-    return (data) => manager.messenger.send(key, data);
-};

package/dist/editor/useCrossFrameState.d.ts

@@ -1,7 +0,0 @@
-import { type MessageKey } from '@intlayer/editor';
-import { writable } from 'svelte/store';
-export type CrossFrameStateOptions = {
-    emit?: boolean;
-    receive?: boolean;
-};
-export declare const useCrossFrameState: <S>(key: `${MessageKey}`, initialState?: S, options?: CrossFrameStateOptions) => [ReturnType<typeof writable<S | undefined>>, (value: S) => void];

package/dist/editor/useCrossFrameState.js

@@ -1,30 +0,0 @@
-import { CrossFrameStateManager } from '@intlayer/editor';
-import { onDestroy } from 'svelte';
-import { writable } from 'svelte/store';
-import { getEditorStateManager } from './communicator';
-export const useCrossFrameState = (key, initialState, options = { emit: true, receive: true }) => {
-    const manager = getEditorStateManager();
-    const { emit = true, receive = true } = options;
-    const stateManager = new CrossFrameStateManager(key, manager.messenger, {
-        emit,
-        receive,
-        initialValue: initialState,
-    });
-    stateManager.start();
-    const store = writable(stateManager.value);
-    const handler = (e) => store.set(e.detail);
-    stateManager.addEventListener('change', handler);
-    try {
-        onDestroy(() => {
-            stateManager.removeEventListener('change', handler);
-            stateManager.stop();
-        });
-    }
-    catch {
-        // Outside component context
-    }
-    const setState = (value) => {
-        stateManager.set(value);
-    };
-    return [store, setState];
-};

package/dist/editor/useIframeClickInterceptor.d.ts

@@ -1,2 +0,0 @@
-export declare const useIframeClickInterceptor: () => void;
-export declare const useIframeClickMerger: () => void;

package/dist/editor/useIframeClickInterceptor.js

@@ -1,8 +0,0 @@
-import { MessageKey, mergeIframeClick } from '@intlayer/editor';
-import { useCrossFrameMessageListener } from './useCrossFrameMessageListener';
-export const useIframeClickInterceptor = () => {
-    useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED);
-};
-export const useIframeClickMerger = () => {
-    useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED, mergeIframeClick);
-};