svelte-intlayer 8.6.2 → 8.6.4

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/editor/useEditor.js

@@ -1,6 +1,7 @@
 import { isEnabled } from '@intlayer/editor/isEnabled';
 import { onDestroy, onMount } from 'svelte';
 import { intlayerStore } from '../client/intlayerStore';
+const TREE_SHAKE_EDITOR = process.env['INTLAYER_EDITOR_ENABLED'] === 'false';
 /**
  * Initialises the Intlayer editor client singleton when the editor is enabled.
  * Syncs the current locale from intlayerStore into the editor manager so the
@@ -11,7 +12,7 @@ import { intlayerStore } from '../client/intlayerStore';
  * direct access to the Svelte 5 rune state.
  */
 export const useEditor = () => {
-    if (!isEnabled)
+    if (TREE_SHAKE_EDITOR || !isEnabled)
         return;
     let unsubscribeLocale = null;
     onMount(() => {

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,9 +1,32 @@
-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';
 import { HTMLRenderer } from './html/index';
 import { renderIntlayerNode } from './renderIntlayerNode';
+// ── Tree-shake constants ──────────────────────────────────────────────────────
+// When these env vars are injected at build time, bundlers eliminate the
+// branches guarded by these constants.
+/**
+ * True when the intlayer node type is explicitly disabled at build time.
+ */
+const TREE_SHAKE_INTLAYER_NODE = process.env['INTLAYER_NODE_TYPE_INTLAYER_NODE'] === 'false';
+/**
+ * True when the markdown node type is explicitly disabled at build time.
+ */
+const TREE_SHAKE_MARKDOWN = process.env['INTLAYER_NODE_TYPE_MARKDOWN'] === 'false';
+/**
+ * True when the HTML node type is explicitly disabled at build time.
+ */
+const TREE_SHAKE_HTML = process.env['INTLAYER_NODE_TYPE_HTML'] === 'false';
+/**
+ * True when the insertion node type is explicitly disabled at build time.
+ */
+const TREE_SHAKE_INSERTION = process.env['INTLAYER_NODE_TYPE_INSERTION'] === 'false';
+/**
+ * True when the editor is explicitly disabled at build time.
+ */
+const TREE_SHAKE_EDITOR = process.env['INTLAYER_EDITOR_ENABLED'] === 'false';
 // Lazy pre-load heavy modules — creates separate code-split chunks
 let _getMarkdownMetadata = null;
 let _compile = null;
@@ -16,18 +39,20 @@ 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)),
 ]);
 /**
  * Basic Intlayer node plugins for content handling
  * These handle the core content transformation logic
  */
-export const intlayerNodePlugins = process.env.INTLAYER_NODE_TYPE_INTLAYER_NODE === 'false'
+export const intlayerNodePlugins = TREE_SHAKE_INTLAYER_NODE
     ? fallbackPlugin
     : {
         id: 'intlayer-node-plugin',
@@ -36,9 +61,7 @@ export const intlayerNodePlugins = process.env.INTLAYER_NODE_TYPE_INTLAYER_NODE
             typeof node === 'number',
         transform: (node, { children, ...rest }) => renderIntlayerNode({
             value: children ?? node,
-            component: configuration.editor.enabled
-                ? ContentSelector
-                : undefined,
+            component: !TREE_SHAKE_EDITOR && editor.enabled ? ContentSelector : undefined,
             props: rest,
         }),
     };
@@ -97,7 +120,7 @@ const splitAndJoinInsertion = (template, values) => {
     return parts;
 };
 /** Insertion plugin for Svelte. Handles component insertion. */
-export const insertionPlugin = process.env.INTLAYER_NODE_TYPE_INSERTION === 'false'
+export const insertionPlugin = TREE_SHAKE_INSERTION
     ? fallbackPlugin
     : {
         id: 'insertion-plugin',
@@ -155,7 +178,7 @@ export const insertionPlugin = process.env.INTLAYER_NODE_TYPE_INSERTION === 'fal
         },
     };
 /** Markdown string plugin. Replaces string node with a component that render the markdown. */
-export const markdownStringPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN === 'false'
+export const markdownStringPlugin = TREE_SHAKE_MARKDOWN
     ? fallbackPlugin
     : {
         id: 'markdown-string-plugin',
@@ -171,7 +194,7 @@ export const markdownStringPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN ===
                     !metadataNode,
                 transform: (metadataNode, props) => renderIntlayerNode({
                     value: metadataNode,
-                    component: configuration.editor.enabled
+                    component: !TREE_SHAKE_EDITOR && editor.enabled
                         ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
                         : _MarkdownMetadataRenderer,
                     props: {
@@ -190,7 +213,7 @@ export const markdownStringPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN ===
             const render = (components) => {
                 const nodeResult = renderIntlayerNode({
                     value: node,
-                    component: configuration.editor.enabled
+                    component: !TREE_SHAKE_EDITOR && editor.enabled
                         ? (_MarkdownWithSelector ?? _MarkdownRenderer)
                         : _MarkdownRenderer,
                     props: {
@@ -223,7 +246,7 @@ export const markdownStringPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN ===
             return render();
         },
     };
-export const markdownPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN === 'false'
+export const markdownPlugin = TREE_SHAKE_MARKDOWN
     ? fallbackPlugin
     : {
         id: 'markdown-plugin',
@@ -245,7 +268,7 @@ export const markdownPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN === 'false
         },
     };
 /** HTML plugin. Replaces node with a function that takes components => HTMLElement[]. */
-export const htmlPlugin = process.env.INTLAYER_NODE_TYPE_HTML === 'false'
+export const htmlPlugin = TREE_SHAKE_HTML
     ? fallbackPlugin
     : {
         id: 'html-plugin',
@@ -257,7 +280,9 @@ export const htmlPlugin = process.env.INTLAYER_NODE_TYPE_HTML === 'false'
             const render = (userComponents = {}) => renderIntlayerNode({
                 ...props,
                 value: htmlString,
-                component: HTMLRenderer,
+                component: !TREE_SHAKE_EDITOR && editor.enabled
+                    ? (_HTMLWithSelector ?? HTMLRenderer)
+                    : HTMLRenderer,
                 props: {
                     ...props,
                     value: htmlString,
@@ -275,10 +300,10 @@ export const htmlPlugin = process.env.INTLAYER_NODE_TYPE_HTML === 'false'
  * 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.2",
+  "version": "8.6.4",
   "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.2",
-    "@intlayer/config": "8.6.2",
-    "@intlayer/core": "8.6.2",
-    "@intlayer/editor": "8.6.2",
-    "@intlayer/types": "8.6.2"
+    "@intlayer/api": "8.6.4",
+    "@intlayer/config": "8.6.4",
+    "@intlayer/core": "8.6.4",
+    "@intlayer/editor": "8.6.4",
+    "@intlayer/types": "8.6.4"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",