svelte-intlayer 8.6.3 → 8.6.5

package/dist/client/intlayerStore.js

@@ -1,7 +1,6 @@
-import configuration from '@intlayer/config/built';
+import { internationalization } from '@intlayer/config/built';
 import { derived, writable } from 'svelte/store';
-const defaultLocale = configuration.internationalization
-    ?.defaultLocale;
+const defaultLocale = internationalization?.defaultLocale;
 // Create the main intlayer store
 const createIntlayerStore = () => {
     const { subscribe, set, update } = writable({

package/dist/client/setupIntlayer.svelte.js

@@ -1,4 +1,5 @@
-import configuration from '@intlayer/config/built';
+import { internationalization } from '@intlayer/config/built';
+import { setIntlayerIdentifier } from '@intlayer/config/client';
 import { useEditor } from '../editor/useEditor';
 import { setIntlayerContext } from './intlayerContext';
 import { intlayerStore } from './intlayerStore';
@@ -20,6 +21,7 @@ import { intlayerStore } from './intlayerStore';
  * ```
  */
 export const setupIntlayer = (initialLocale) => {
+    setIntlayerIdentifier();
     useEditor();
     // Create Reactive State (Svelte 5)
     // We make the locale a "rune" so updates propagate
@@ -31,7 +33,7 @@ export const setupIntlayer = (initialLocale) => {
     // Define the Context Object
     const contextValue = {
         get locale() {
-            return locale ?? configuration.internationalization.defaultLocale;
+            return locale ?? internationalization.defaultLocale;
         },
         setLocale: (newLocale) => {
             locale = newLocale;

package/dist/client/useLocale.js

@@ -1,4 +1,4 @@
-import configuration from '@intlayer/config/built';
+import { internationalization } from '@intlayer/config/built';
 import { derived } from 'svelte/store';
 import { getIntlayerContext } from './intlayerContext';
 import { intlayerStore } from './intlayerStore';
@@ -25,7 +25,7 @@ import { setLocaleInStorage } from './useLocaleStorage';
  */
 export const useLocale = ({ isCookieEnabled, onLocaleChange, } = {}) => {
     const context = getIntlayerContext();
-    const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
+    const { defaultLocale, locales: availableLocales } = internationalization ?? {};
     if (context) {
         // Use context if available
         return {

package/dist/client/useRewriteURL.js

@@ -1,4 +1,4 @@
-import configuration from '@intlayer/config/built';
+import { routing } from '@intlayer/config/built';
 import { getRewritePath } from '@intlayer/core/localization';
 import { useLocale } from './useLocale';
 /**
@@ -7,7 +7,7 @@ import { useLocale } from './useLocale';
  */
 export const useRewriteURL = () => {
     const { locale } = useLocale();
-    const rewrite = configuration?.routing?.rewrite;
+    const rewrite = routing?.rewrite;
     if (typeof window !== 'undefined') {
         // We observe locale changes
         locale.subscribe(($locale) => {

package/dist/html/HTMLWithSelector.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+import type { KeyPath } from '@intlayer/types/keyPath';
+import ContentSelector from '../editor/ContentSelector.svelte';
+import HTMLRenderer from './HTMLRenderer.svelte';
+
+export let dictionaryKey: string;
+export let keyPath: KeyPath[];
+export let value: string;
+export let components: any = {};
+</script>
+
+<ContentSelector {dictionaryKey} {keyPath}>
+  <HTMLRenderer {value} {components} />
+</ContentSelector>

package/dist/html/HTMLWithSelector.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { KeyPath } from '@intlayer/types/keyPath';
+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;
+}
+declare const HTMLWithSelector: $$__sveltets_2_IsomorphicComponent<{
+    dictionaryKey: string;
+    keyPath: KeyPath[];
+    value: string;
+    components?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type HTMLWithSelector = InstanceType<typeof HTMLWithSelector>;
+export default HTMLWithSelector;

package/dist/plugins.js

@@ -1,4 +1,4 @@
-import configuration from '@intlayer/config/built';
+import { editor, internationalization } from '@intlayer/config/built';
 import { conditionPlugin, enumerationPlugin, fallbackPlugin, filePlugin, genderPlugin, nestedPlugin, translationPlugin, } from '@intlayer/core/interpreter';
 import * as NodeTypes from '@intlayer/types/nodeType';
 import { default as ContentSelector } from './editor/ContentSelector.svelte';
@@ -39,11 +39,13 @@ let _MarkdownMetadataWithSelector = null;
 let _MarkdownRenderer = null;
 let _MarkdownWithSelector = null;
 let _svelteHtmlRuntime = null;
+let _HTMLWithSelector = null;
 void Promise.all([
     import('./markdown/MarkdownMetadataRenderer.svelte').then((m) => (_MarkdownMetadataRenderer = m.default)),
     import('./markdown/MarkdownMetadataWithSelector.svelte').then((m) => (_MarkdownMetadataWithSelector = m.default)),
     import('./markdown/MarkdownRenderer.svelte').then((m) => (_MarkdownRenderer = m.default)),
     import('./markdown/MarkdownWithSelector.svelte').then((m) => (_MarkdownWithSelector = m.default)),
+    import('./html/HTMLWithSelector.svelte').then((m) => (_HTMLWithSelector = m.default)),
     import('./markdown/runtime').then((m) => (_svelteHtmlRuntime = m.svelteHtmlRuntime)),
 ]);
 /**
@@ -59,9 +61,7 @@ export const intlayerNodePlugins = TREE_SHAKE_INTLAYER_NODE
             typeof node === 'number',
         transform: (node, { children, ...rest }) => renderIntlayerNode({
             value: children ?? node,
-            component: !TREE_SHAKE_EDITOR && configuration.editor.enabled
-                ? ContentSelector
-                : undefined,
+            component: !TREE_SHAKE_EDITOR && editor.enabled ? ContentSelector : undefined,
             props: rest,
         }),
     };
@@ -194,7 +194,7 @@ export const markdownStringPlugin = TREE_SHAKE_MARKDOWN
                     !metadataNode,
                 transform: (metadataNode, props) => renderIntlayerNode({
                     value: metadataNode,
-                    component: !TREE_SHAKE_EDITOR && configuration.editor.enabled
+                    component: !TREE_SHAKE_EDITOR && editor.enabled
                         ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
                         : _MarkdownMetadataRenderer,
                     props: {
@@ -213,7 +213,7 @@ export const markdownStringPlugin = TREE_SHAKE_MARKDOWN
             const render = (components) => {
                 const nodeResult = renderIntlayerNode({
                     value: node,
-                    component: !TREE_SHAKE_EDITOR && configuration.editor.enabled
+                    component: !TREE_SHAKE_EDITOR && editor.enabled
                         ? (_MarkdownWithSelector ?? _MarkdownRenderer)
                         : _MarkdownRenderer,
                     props: {
@@ -280,7 +280,9 @@ export const htmlPlugin = TREE_SHAKE_HTML
             const render = (userComponents = {}) => renderIntlayerNode({
                 ...props,
                 value: htmlString,
-                component: HTMLRenderer,
+                component: !TREE_SHAKE_EDITOR && editor.enabled
+                    ? (_HTMLWithSelector ?? HTMLRenderer)
+                    : HTMLRenderer,
                 props: {
                     ...props,
                     value: htmlString,
@@ -298,10 +300,10 @@ export const htmlPlugin = TREE_SHAKE_HTML
  * This function is used by both getIntlayer and getDictionary to ensure consistent plugin configuration.
  */
 export const getPlugins = (locale, fallback = true) => [
-    translationPlugin(locale ?? configuration.internationalization.defaultLocale, fallback ? configuration.internationalization.defaultLocale : undefined),
+    translationPlugin(locale ?? internationalization.defaultLocale, fallback ? internationalization.defaultLocale : undefined),
     enumerationPlugin,
     conditionPlugin,
-    nestedPlugin(locale ?? configuration.internationalization.defaultLocale),
+    nestedPlugin(locale ?? internationalization.defaultLocale),
     filePlugin,
     genderPlugin,
     intlayerNodePlugins,

package/package.json

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