svelte-intlayer 8.3.3 → 8.4.0-canary.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,9 +1,7 @@
-import { createCommunicator } from '../editor/communicator';
-import { createEditorEnabledClient } from '../editor/editorEnabled';
-import { createFocusDictionaryClient } from '../editor/focusDictionary';
+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.
  *
@@ -22,27 +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.
-    createCommunicator();
-    createEditorEnabledClient();
-    createFocusDictionaryClient();
     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,46 +1,34 @@
-import { MessageKey } from '@intlayer/editor';
-import { onDestroy } from 'svelte';
-import { get } from 'svelte/store';
-import { useDictionariesRecord } from './dictionariesRecord';
-import { useEditorEnabled } from './editorEnabled';
-import { useCrossFrameMessageListener } from './useCrossFrameMessageListener';
-import { useIframeClickMerger } from './useIframeClickInterceptor';
-let initialized = false;
-let unsubscribeIsInIframe = null;
+import { isEnabled } from '@intlayer/editor/isEnabled';
+import { onDestroy, onMount } from 'svelte';
+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;
-    if (initialized)
-        return;
-    initialized = true;
-    const editorEnabled = useEditorEnabled();
-    useDictionariesRecord();
-    useIframeClickMerger();
-    // Listen for editor enabled
-    useCrossFrameMessageListener(`${MessageKey.INTLAYER_EDITOR_ENABLED}/post`, (data) => {
-        editorEnabled.wrapperEnabled.set(data);
-    }, false);
-    const getEditorEnabled = useCrossFrameMessageListener(`${MessageKey.INTLAYER_EDITOR_ENABLED}/get`, (data) => {
-        editorEnabled.wrapperEnabled.set(data);
-    }, false);
-    // Initial check
-    const checkEnabled = () => {
-        const inIframe = get(editorEnabled.isInIframe);
-        const setting = get(editorEnabled.settingEnabled);
-        if (inIframe && setting) {
-            getEditorEnabled();
-        }
-    };
-    checkEnabled();
-    // Subscribe to changes
-    editorEnabled.isInIframe.subscribe(() => checkEnabled());
-    // Keep track of unsubscribe so we *could* clean up if we ever wanted
-    unsubscribeIsInIframe = editorEnabled.isInIframe.subscribe(() => checkEnabled());
+    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(() => {
-        initialized = false;
-        if (unsubscribeIsInIframe) {
-            unsubscribeIsInIframe();
-            unsubscribeIsInIframe = null;
-        }
+        unsubscribeLocale?.();
+        import('@intlayer/editor').then(({ stopEditorClient }) => {
+            stopEditorClient();
+        });
     });
 };

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.3",
+  "version": "8.4.0-canary.0",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -72,12 +72,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.3.3",
-    "@intlayer/config": "8.3.3",
-    "@intlayer/core": "8.3.3",
-    "@intlayer/editor": "8.3.3",
-    "@intlayer/types": "8.3.3",
-    "@intlayer/unmerged-dictionaries-entry": "8.3.3"
+    "@intlayer/api": "8.4.0-canary.0",
+    "@intlayer/config": "8.4.0-canary.0",
+    "@intlayer/core": "8.4.0-canary.0",
+    "@intlayer/editor": "8.4.0-canary.0",
+    "@intlayer/types": "8.4.0-canary.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",
@@ -90,7 +89,7 @@
     "rimraf": "6.1.3",
     "svelte": "5.53.11",
     "svelte-check": "4.4.5",
-    "tsdown": "0.21.2",
+    "tsdown": "0.21.4",
     "typescript": "5.9.3",
     "vite": "8.0.0",
     "vitest": "4.1.0"

package/dist/editor/ContentSelectorWrapper.svelte

@@ -1,70 +0,0 @@
-<script lang="ts">
-import type { NodeProps } from '@intlayer/core/interpreter';
-import { isSameKeyPath } from '@intlayer/core/utils';
-import { MessageKey } from '@intlayer/editor';
-import { NodeType } from '@intlayer/types/nodeType';
-import { get } from 'svelte/store';
-import ContentSelector from './ContentSelector.svelte';
-import { useCommunicator } 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 { focusedContent, setFocusedContent } = useFocusDictionary();
-const editorEnabled = useEditorEnabled();
-const communicatorStore = useCommunicator();
-const { enabled } = editorEnabled;
-
-useEditor();
-
-$: filteredKeyPath = keyPath.filter((key) => key.type !== NodeType.Translation);
-
-$: isSelected =
-  $focusedContent?.dictionaryKey === dictionaryKey &&
-  ($focusedContent?.keyPath?.length ?? 0) > 0 &&
-  isSameKeyPath($focusedContent?.keyPath ?? [], filteredKeyPath);
-
-const handleSelect = () => {
-  setFocusedContent({
-    dictionaryKey,
-    keyPath: filteredKeyPath,
-  });
-};
-
-const handleHover = () => {
-  const { postMessage, senderId } = get(communicatorStore);
-  postMessage({
-    type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-    data: {
-      dictionaryKey,
-      keyPath: filteredKeyPath,
-    },
-    senderId,
-  });
-};
-
-const handleUnhover = () => {
-  const { postMessage, senderId } = get(communicatorStore);
-  postMessage({
-    type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-    data: null,
-    senderId,
-  });
-};
-</script>
-
-{#if $enabled}
-  <ContentSelector
-    onPress={handleSelect}
-    isSelecting={isSelected}
-    onHover={handleHover}
-    onUnhover={handleUnhover}
-  >
-    <slot />
-  </ContentSelector>
-{: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,9 +0,0 @@
-import { type Writable } from 'svelte/store';
-export type Communicator = {
-    postMessage: typeof window.postMessage;
-    allowedOrigins?: string[];
-    senderId: string;
-};
-export type CommunicatorOptions = Omit<Communicator, 'senderId'>;
-export declare const createCommunicator: (options?: Partial<CommunicatorOptions>) => Writable<Communicator>;
-export declare const useCommunicator: () => Writable<Communicator>;

package/dist/editor/communicator.js

@@ -1,54 +0,0 @@
-import configuration from '@intlayer/config/built';
-import { getContext, setContext } from 'svelte';
-import { writable } from 'svelte/store';
-const randomUUID = () => Math.random().toString(36).slice(2);
-const { editor } = configuration;
-const postMessage = (data) => {
-    if (typeof window === 'undefined')
-        return;
-    const isInIframe = window.self !== window.top;
-    if (!isInIframe)
-        return;
-    if (editor.applicationURL.length > 0) {
-        window.postMessage(data, editor.applicationURL);
-    }
-    if (editor.editorURL.length > 0) {
-        window.parent.postMessage(data, editor.editorURL);
-    }
-    if (editor.cmsURL.length > 0) {
-        window.parent.postMessage(data, editor.cmsURL);
-    }
-};
-const defaultValue = {
-    postMessage,
-    allowedOrigins: [
-        editor?.applicationURL,
-        editor?.editorURL,
-        editor?.cmsURL,
-    ],
-    senderId: randomUUID(),
-};
-const COMMUNICATOR_KEY = Symbol('INTLAYER_COMMUNICATOR');
-export const createCommunicator = (options = {}) => {
-    const store = writable({
-        ...defaultValue,
-        ...options,
-    });
-    setContext(COMMUNICATOR_KEY, store);
-    return store;
-};
-export const useCommunicator = () => {
-    let context;
-    // `getContext` must only run inside a component.
-    // If this is called in plain JS, we catch the error and fallback.
-    try {
-        context = getContext(COMMUNICATOR_KEY);
-    }
-    catch {
-        // called outside component -> ignore, we’ll use global store
-    }
-    if (!context) {
-        return createCommunicator();
-    }
-    return context;
-};

package/dist/editor/dictionariesRecord.d.ts

@@ -1,5 +0,0 @@
-import type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';
-export type DictionaryContent = Record<LocalDictionaryId, Dictionary>;
-export declare const useDictionariesRecord: () => {
-    dictionariesRecord: import("svelte/store").Writable<DictionaryContent | undefined>;
-};

package/dist/editor/dictionariesRecord.js

@@ -1,18 +0,0 @@
-import { MessageKey } from '@intlayer/editor';
-import { useCrossFrameState } from './useCrossFrameState';
-let loaded = false;
-export const useDictionariesRecord = () => {
-    const [dictionariesRecord, setDictionariesRecord] = useCrossFrameState(MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED, {});
-    if (!loaded && typeof window !== 'undefined') {
-        // Load dictionaries dynamically to do not impact the bundle, and send them to the editor
-        import('@intlayer/unmerged-dictionaries-entry').then((mod) => {
-            const unmergedDictionaries = mod.getUnmergedDictionaries();
-            const dictionariesList = Object.fromEntries(Object.values(unmergedDictionaries)
-                .flat()
-                .map((dictionary) => [dictionary.localId, dictionary]));
-            setDictionariesRecord?.(dictionariesList);
-        });
-        loaded = true;
-    }
-    return { dictionariesRecord };
-};

package/dist/editor/editorEnabled.d.ts

@@ -1,14 +0,0 @@
-import { type Readable, type Writable } from 'svelte/store';
-export type EditorEnabledStateProps = {
-    settingEnabled: Writable<boolean>;
-    wrapperEnabled: Writable<boolean>;
-    isInIframe: Writable<boolean>;
-    enabled: Readable<boolean>;
-};
-export declare const createEditorEnabledClient: () => {
-    settingEnabled: Writable<boolean>;
-    wrapperEnabled: Writable<boolean>;
-    isInIframe: Writable<boolean>;
-    enabled: Readable<boolean>;
-};
-export declare const useEditorEnabled: () => EditorEnabledStateProps;

package/dist/editor/editorEnabled.js

@@ -1,41 +0,0 @@
-import configuration from '@intlayer/config/built';
-import { getContext, setContext } from 'svelte';
-import { derived, writable } from 'svelte/store';
-const EDITOR_ENABLED_KEY = Symbol('EDITOR_ENABLED');
-const detectIframe = () => {
-    if (typeof window === 'undefined')
-        return false;
-    return window.self !== window.top;
-};
-export const createEditorEnabledClient = () => {
-    const settingEnabled = writable(configuration.editor.enabled);
-    const wrapperEnabled = writable(false);
-    const isInIframe = writable(false);
-    const enabled = derived([settingEnabled, wrapperEnabled, isInIframe], ([$setting, $wrapper, $iframe]) => $setting && $wrapper && $iframe);
-    if (typeof window !== 'undefined') {
-        isInIframe.set(detectIframe());
-    }
-    const state = {
-        settingEnabled,
-        wrapperEnabled,
-        isInIframe,
-        enabled,
-    };
-    setContext(EDITOR_ENABLED_KEY, state);
-    return state;
-};
-export const useEditorEnabled = () => {
-    let context;
-    // `getContext` must only run inside a component.
-    // If this is called in plain JS, we catch the error and fallback.
-    try {
-        context = getContext(EDITOR_ENABLED_KEY);
-    }
-    catch {
-        // called outside component -> ignore, we’ll use global store
-    }
-    if (!context) {
-        return createEditorEnabledClient();
-    }
-    return context;
-};

package/dist/editor/focusDictionary.d.ts

@@ -1,16 +0,0 @@
-import type { KeyPath } from '@intlayer/types/keyPath';
-import type { DictionaryKeys } from '@intlayer/types/module_augmentation';
-import type { Writable } from 'svelte/store';
-export type FocusedContent = {
-    dictionaryKey: DictionaryKeys;
-    keyPath: KeyPath[];
-} | null;
-export type FocusDictionaryStateProps = {
-    focusedContent?: Writable<FocusedContent | undefined>;
-    setFocusedContent: (content: FocusedContent) => void;
-};
-export declare const createFocusDictionaryClient: () => {
-    focusedContent: Writable<FocusedContent | undefined>;
-    setFocusedContent: (v: FocusedContent | ((prev: FocusedContent | undefined) => FocusedContent)) => void;
-};
-export declare const useFocusDictionary: () => FocusDictionaryStateProps;

package/dist/editor/focusDictionary.js

@@ -1,22 +0,0 @@
-import { MessageKey } from '@intlayer/editor';
-import { getContext, setContext } from 'svelte';
-import { useCrossFrameState } from './useCrossFrameState';
-const FOCUS_DICTIONARY_KEY = Symbol('FOCUS_DICTIONARY');
-export const createFocusDictionaryClient = () => {
-    const [focusedContent, setFocusedContent] = useCrossFrameState(MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED, null);
-    setContext(FOCUS_DICTIONARY_KEY, { focusedContent, setFocusedContent });
-    return { focusedContent, setFocusedContent };
-};
-export const useFocusDictionary = () => {
-    let context;
-    try {
-        context = getContext(FOCUS_DICTIONARY_KEY);
-    }
-    catch {
-        // called outside component -> ignore, we’ll use global store
-    }
-    if (!context) {
-        return createFocusDictionaryClient();
-    }
-    return context;
-};

package/dist/editor/index.d.ts

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

package/dist/editor/index.js

@@ -1,9 +0,0 @@
-export { default as ContentSelector } from './ContentSelector.svelte';
-export { default as ContentSelectorWrapper } from './ContentSelectorWrapper.svelte';
-export * from './communicator';
-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,65 +0,0 @@
-import { compareUrls } from '@intlayer/editor';
-import { onDestroy } from 'svelte';
-import { get } from 'svelte/store';
-import { useCommunicator } from './communicator';
-const subscribers = new Map();
-let windowListenerAttached = false;
-const addSubscriber = (key, cb) => {
-    let set = subscribers.get(key);
-    if (!set) {
-        set = new Set();
-        subscribers.set(key, set);
-    }
-    set.add(cb);
-};
-const removeSubscriber = (key, cb) => {
-    const set = subscribers.get(key);
-    if (!set)
-        return;
-    set.delete(cb);
-    if (set.size === 0)
-        subscribers.delete(key);
-};
-const ensureGlobalListener = (allowedOrigins, selfId) => {
-    if (windowListenerAttached)
-        return;
-    if (typeof window === 'undefined')
-        return;
-    window.addEventListener('message', (event) => {
-        const { type, data, senderId } = event.data ?? {};
-        if (!type)
-            return;
-        if (senderId === selfId)
-            return;
-        if (!allowedOrigins ||
-            allowedOrigins.includes('*') ||
-            allowedOrigins.some((o) => compareUrls(o, event.origin))) {
-            subscribers.get(type)?.forEach((cb) => {
-                cb(data);
-            });
-        }
-    });
-    windowListenerAttached = true;
-};
-export const useCrossFrameMessageListener = (key, onEventTriggered, autoCleanup = true) => {
-    const communicatorStore = useCommunicator();
-    const { allowedOrigins, senderId } = get(communicatorStore);
-    ensureGlobalListener(allowedOrigins, senderId);
-    if (onEventTriggered) {
-        const cb = onEventTriggered;
-        addSubscriber(key, cb);
-        if (autoCleanup) {
-            try {
-                onDestroy(() => removeSubscriber(key, cb));
-            }
-            catch {
-                // Might be called outside component, manual cleanup needed if needed
-            }
-        }
-    }
-    const postMessageWrapper = (data) => {
-        const { postMessage, senderId: currentSenderId } = get(communicatorStore);
-        postMessage({ type: key, data, senderId: currentSenderId }, '*');
-    };
-    return postMessageWrapper;
-};

package/dist/editor/useCrossFrameState.d.ts

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

package/dist/editor/useCrossFrameState.js

@@ -1,82 +0,0 @@
-import { get, writable } from 'svelte/store';
-import { useCommunicator } from './communicator';
-import { useCrossFrameMessageListener } from './useCrossFrameMessageListener';
-const crossFrameStateCache = new Map();
-const resolveState = (state, prevState) => {
-    if (typeof state === 'function') {
-        return state(prevState);
-    }
-    return state;
-};
-const toSerializable = (obj) => {
-    if (obj === null || obj === undefined)
-        return obj;
-    return JSON.parse(JSON.stringify(obj));
-};
-export const useCrossFrameState = (key, initialState, options = { emit: true, receive: true }) => {
-    if (crossFrameStateCache.has(key)) {
-        const { state, setState } = crossFrameStateCache.get(key);
-        return [state, setState];
-    }
-    const { emit = true, receive = true } = options;
-    // Initialize state
-    const initialValue = resolveState(initialState);
-    const state = writable(initialValue);
-    const communicatorStore = useCommunicator();
-    const broadcastState = (value) => {
-        const { postMessage, senderId } = get(communicatorStore) ?? {};
-        if (!emit ||
-            typeof postMessage !== 'function' ||
-            typeof value === 'undefined') {
-            return;
-        }
-        postMessage({
-            type: `${key}/post`,
-            data: value,
-            senderId,
-        }, '*');
-    };
-    const setState = (valueOrUpdater) => {
-        state.update((prev) => {
-            const next = resolveState(valueOrUpdater, prev);
-            const serialised = toSerializable(next);
-            broadcastState(serialised);
-            return serialised;
-        });
-    };
-    const postState = () => {
-        const { postMessage, senderId } = get(communicatorStore) ?? {};
-        if (typeof postMessage !== 'function')
-            return;
-        postMessage({
-            type: `${key}/post`,
-            data: get(state),
-            senderId,
-        }, '*');
-    };
-    // Emit initial state
-    broadcastState(initialValue);
-    // If receiving, ask for state
-    if (receive && typeof get(state) === 'undefined') {
-        const { postMessage, senderId } = get(communicatorStore) ?? {};
-        if (typeof postMessage === 'function') {
-            postMessage({ type: `${key}/get`, senderId }, '*');
-        }
-    }
-    // Listen for updates
-    const listenerKey = receive ? `${key}/post` : `${key}/ignore`;
-    useCrossFrameMessageListener(listenerKey, (data) => {
-        if (receive) {
-            state.set(data);
-        }
-    });
-    // Listen for requests
-    const getListenerKey = emit ? `${key}/get` : `${key}/ignore`;
-    useCrossFrameMessageListener(getListenerKey, (_) => {
-        if (emit) {
-            broadcastState(get(state));
-        }
-    });
-    crossFrameStateCache.set(key, { state, setState, postState });
-    return [state, 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,29 +0,0 @@
-import { MessageKey, mergeIframeClick } from '@intlayer/editor';
-import { onDestroy, onMount } from 'svelte';
-import { useCrossFrameMessageListener } from './useCrossFrameMessageListener';
-export const useIframeClickInterceptor = () => {
-    const postMessage = useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED);
-    const handler = () => {
-        postMessage();
-    };
-    onMount(() => {
-        if (typeof window !== 'undefined') {
-            window.addEventListener('mousedown', handler);
-        }
-    });
-    onDestroy(() => {
-        if (typeof window !== 'undefined') {
-            window.removeEventListener('mousedown', handler);
-        }
-    });
-};
-export const useIframeClickMerger = () => {
-    useIframeClickInterceptor();
-    useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED, (data) => {
-        // mergeIframeClick(data); // mergeIframeClick expects an event, but data might be stripped?
-        // Actually mergeIframeClick logic in editor package probably dispatches a custom event or similar.
-        // The Vue implementation passes `mergeIframeClick` directly as the callback.
-        // Let's assume mergeIframeClick handles whatever data is passed, or we wrap it if needed.
-        mergeIframeClick(data);
-    });
-};