svelte-intlayer 8.6.0 → 8.6.2

package/dist/editor/useEditor.js

@@ -11,7 +11,7 @@ import { intlayerStore } from '../client/intlayerStore';
  * direct access to the Svelte 5 rune state.
  */
 export const useEditor = () => {
-    if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled)
+    if (!isEnabled)
         return;
     let unsubscribeLocale = null;
     onMount(() => {

package/dist/plugins.js

@@ -1,5 +1,5 @@
 import configuration from '@intlayer/config/built';
-import { conditionPlugin, enumerationPlugin, filePlugin, genderPlugin, nestedPlugin, translationPlugin, } from '@intlayer/core/interpreter';
+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';
@@ -27,17 +27,21 @@ void Promise.all([
  * Basic Intlayer node plugins for content handling
  * These handle the core content transformation logic
  */
-export const intlayerNodePlugins = {
-    id: 'intlayer-node-plugin',
-    canHandle: (node) => typeof node === 'bigint' ||
-        typeof node === 'string' ||
-        typeof node === 'number',
-    transform: (node, { children, ...rest }) => renderIntlayerNode({
-        value: children ?? node,
-        component: configuration.editor.enabled ? ContentSelector : undefined,
-        props: rest,
-    }),
-};
+export const intlayerNodePlugins = process.env.INTLAYER_NODE_TYPE_INTLAYER_NODE === 'false'
+    ? fallbackPlugin
+    : {
+        id: 'intlayer-node-plugin',
+        canHandle: (node) => typeof node === 'bigint' ||
+            typeof node === 'string' ||
+            typeof node === 'number',
+        transform: (node, { children, ...rest }) => renderIntlayerNode({
+            value: children ?? node,
+            component: configuration.editor.enabled
+                ? ContentSelector
+                : undefined,
+            props: rest,
+        }),
+    };
 /**
  * Svelte-specific node plugins for handling basic content types
  * These plugins handle strings, numbers, and bigints in Svelte applications
@@ -93,171 +97,179 @@ const splitAndJoinInsertion = (template, values) => {
     return parts;
 };
 /** Insertion plugin for Svelte. Handles component insertion. */
-export const insertionPlugin = {
-    id: 'insertion-plugin',
-    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.INSERTION,
-    transform: (node, props, deepTransformNode) => {
-        const newKeyPath = [
-            ...props.keyPath,
-            {
-                type: NodeTypes.INSERTION,
-            },
-        ];
-        const children = node[NodeTypes.INSERTION];
-        /** Insertion string plugin. Replaces string node with a component that render the insertion. */
-        const insertionStringPlugin = {
-            id: 'insertion-string-plugin',
-            canHandle: (node) => typeof node === 'string',
-            transform: (node, subProps, deepTransformNode) => {
-                const transformedResult = deepTransformNode(node, {
-                    ...subProps,
-                    children: node,
-                    plugins: [
-                        ...(props.plugins ?? []).filter((plugin) => plugin.id !== 'intlayer-node-plugin'),
-                    ],
-                });
-                return (values) => {
-                    const result = splitAndJoinInsertion(transformedResult, values);
-                    return deepTransformNode(result, {
+export const insertionPlugin = process.env.INTLAYER_NODE_TYPE_INSERTION === 'false'
+    ? fallbackPlugin
+    : {
+        id: 'insertion-plugin',
+        canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.INSERTION,
+        transform: (node, props, deepTransformNode) => {
+            const newKeyPath = [
+                ...props.keyPath,
+                {
+                    type: NodeTypes.INSERTION,
+                },
+            ];
+            const children = node[NodeTypes.INSERTION];
+            /** Insertion string plugin. Replaces string node with a component that render the insertion. */
+            const insertionStringPlugin = {
+                id: 'insertion-string-plugin',
+                canHandle: (node) => typeof node === 'string',
+                transform: (node, subProps, deepTransformNode) => {
+                    const transformedResult = deepTransformNode(node, {
                         ...subProps,
-                        plugins: props.plugins,
-                        children: result,
+                        children: node,
+                        plugins: [
+                            ...(props.plugins ?? []).filter((plugin) => plugin.id !== 'intlayer-node-plugin'),
+                        ],
                     });
-                };
-            },
-        };
-        const result = deepTransformNode(children, {
-            ...props,
-            children,
-            keyPath: newKeyPath,
-            plugins: [insertionStringPlugin, ...(props.plugins ?? [])],
-        });
-        if (typeof children === 'object' &&
-            children !== null &&
-            'nodeType' in children &&
-            [NodeTypes.ENUMERATION, NodeTypes.CONDITION].includes(children.nodeType)) {
-            return (values) => (arg) => {
-                const func = result;
-                const inner = func(arg);
-                if (typeof inner === 'function') {
-                    return inner(values);
-                }
-                return inner;
-            };
-        }
-        return result;
-    },
-};
-/** Markdown string plugin. Replaces string node with a component that render the markdown. */
-export const markdownStringPlugin = {
-    id: 'markdown-string-plugin',
-    canHandle: (node) => typeof node === 'string',
-    transform: (node, props, deepTransformNode) => {
-        const { ...rest } = props;
-        const metadata = _getMarkdownMetadata?.(node) ?? {};
-        const metadataPlugins = {
-            id: 'markdown-metadata-plugin',
-            canHandle: (metadataNode) => typeof metadataNode === 'string' ||
-                typeof metadataNode === 'number' ||
-                typeof metadataNode === 'boolean' ||
-                !metadataNode,
-            transform: (metadataNode, props) => renderIntlayerNode({
-                value: metadataNode,
-                component: configuration.editor.enabled
-                    ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
-                    : _MarkdownMetadataRenderer,
-                props: {
-                    ...rest,
-                    value: node, // The full markdown string
-                    metadataKeyPath: props.keyPath,
-                },
-            }),
-        };
-        // Transform metadata while keeping the same structure
-        const metadataNodes = deepTransformNode(metadata, {
-            plugins: [metadataPlugins],
-            dictionaryKey: rest.dictionaryKey,
-            keyPath: [],
-        }) ?? {};
-        const render = (components) => {
-            const nodeResult = renderIntlayerNode({
-                value: node,
-                component: configuration.editor.enabled
-                    ? (_MarkdownWithSelector ?? _MarkdownRenderer)
-                    : _MarkdownRenderer,
-                props: {
-                    ...rest,
-                    value: node,
-                    ...components,
-                },
-                additionalProps: {
-                    metadata: metadataNodes,
+                    return (values) => {
+                        const result = splitAndJoinInsertion(transformedResult, values);
+                        return deepTransformNode(result, {
+                            ...subProps,
+                            plugins: props.plugins,
+                            children: result,
+                        });
+                    };
                 },
+            };
+            const result = deepTransformNode(children, {
+                ...props,
+                children,
+                keyPath: newKeyPath,
+                plugins: [insertionStringPlugin, ...(props.plugins ?? [])],
             });
-            return new Proxy(nodeResult, {
-                get(target, prop, receiver) {
-                    if (prop === 'value') {
-                        return node;
-                    }
-                    if (prop === 'metadata') {
-                        return metadataNodes;
-                    }
-                    if (prop === 'use') {
-                        return (newComponents) => render(newComponents);
+            if (typeof children === 'object' &&
+                children !== null &&
+                'nodeType' in children &&
+                [NodeTypes.ENUMERATION, NodeTypes.CONDITION].includes(children.nodeType)) {
+                return (values) => (arg) => {
+                    const func = result;
+                    const inner = func(arg);
+                    if (typeof inner === 'function') {
+                        return inner(values);
                     }
-                    if (prop === 'toString') {
-                        return () => _compile?.(node, { runtime: _svelteHtmlRuntime, components: components }, {}) ?? node;
-                    }
-                    return Reflect.get(target, prop, receiver);
+                    return inner;
+                };
+            }
+            return result;
+        },
+    };
+/** Markdown string plugin. Replaces string node with a component that render the markdown. */
+export const markdownStringPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN === 'false'
+    ? fallbackPlugin
+    : {
+        id: 'markdown-string-plugin',
+        canHandle: (node) => typeof node === 'string',
+        transform: (node, props, deepTransformNode) => {
+            const { ...rest } = props;
+            const metadata = _getMarkdownMetadata?.(node) ?? {};
+            const metadataPlugins = {
+                id: 'markdown-metadata-plugin',
+                canHandle: (metadataNode) => typeof metadataNode === 'string' ||
+                    typeof metadataNode === 'number' ||
+                    typeof metadataNode === 'boolean' ||
+                    !metadataNode,
+                transform: (metadataNode, props) => renderIntlayerNode({
+                    value: metadataNode,
+                    component: configuration.editor.enabled
+                        ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
+                        : _MarkdownMetadataRenderer,
+                    props: {
+                        ...rest,
+                        value: node, // The full markdown string
+                        metadataKeyPath: props.keyPath,
+                    },
+                }),
+            };
+            // Transform metadata while keeping the same structure
+            const metadataNodes = deepTransformNode(metadata, {
+                plugins: [metadataPlugins],
+                dictionaryKey: rest.dictionaryKey,
+                keyPath: [],
+            }) ?? {};
+            const render = (components) => {
+                const nodeResult = renderIntlayerNode({
+                    value: node,
+                    component: configuration.editor.enabled
+                        ? (_MarkdownWithSelector ?? _MarkdownRenderer)
+                        : _MarkdownRenderer,
+                    props: {
+                        ...rest,
+                        value: node,
+                        ...components,
+                    },
+                    additionalProps: {
+                        metadata: metadataNodes,
+                    },
+                });
+                return new Proxy(nodeResult, {
+                    get(target, prop, receiver) {
+                        if (prop === 'value') {
+                            return node;
+                        }
+                        if (prop === 'metadata') {
+                            return metadataNodes;
+                        }
+                        if (prop === 'use') {
+                            return (newComponents) => render(newComponents);
+                        }
+                        if (prop === 'toString') {
+                            return () => _compile?.(node, { runtime: _svelteHtmlRuntime, components: components }, {}) ?? node;
+                        }
+                        return Reflect.get(target, prop, receiver);
+                    },
+                });
+            };
+            return render();
+        },
+    };
+export const markdownPlugin = process.env.INTLAYER_NODE_TYPE_MARKDOWN === 'false'
+    ? fallbackPlugin
+    : {
+        id: 'markdown-plugin',
+        canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.MARKDOWN,
+        transform: (node, props, deepTransformNode) => {
+            const newKeyPath = [
+                ...props.keyPath,
+                {
+                    type: NodeTypes.MARKDOWN,
                 },
+            ];
+            const children = node[NodeTypes.MARKDOWN];
+            return deepTransformNode(children, {
+                ...props,
+                children,
+                keyPath: newKeyPath,
+                plugins: [markdownStringPlugin, ...(props.plugins ?? [])],
             });
-        };
-        return render();
-    },
-};
-export const markdownPlugin = {
-    id: 'markdown-plugin',
-    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.MARKDOWN,
-    transform: (node, props, deepTransformNode) => {
-        const newKeyPath = [
-            ...props.keyPath,
-            {
-                type: NodeTypes.MARKDOWN,
-            },
-        ];
-        const children = node[NodeTypes.MARKDOWN];
-        return deepTransformNode(children, {
-            ...props,
-            children,
-            keyPath: newKeyPath,
-            plugins: [markdownStringPlugin, ...(props.plugins ?? [])],
-        });
-    },
-};
+        },
+    };
 /** HTML plugin. Replaces node with a function that takes components => HTMLElement[]. */
-export const htmlPlugin = {
-    id: 'html-plugin',
-    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.HTML,
-    transform: (node, props) => {
-        const htmlString = node[NodeTypes.HTML];
-        const _tags = node.tags ?? [];
-        // Type-safe render function that accepts properly typed components
-        const render = (userComponents = {}) => renderIntlayerNode({
-            ...props,
-            value: htmlString,
-            component: HTMLRenderer,
-            props: {
+export const htmlPlugin = process.env.INTLAYER_NODE_TYPE_HTML === 'false'
+    ? fallbackPlugin
+    : {
+        id: 'html-plugin',
+        canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.HTML,
+        transform: (node, props) => {
+            const htmlString = node[NodeTypes.HTML];
+            const _tags = node.tags ?? [];
+            // Type-safe render function that accepts properly typed components
+            const render = (userComponents = {}) => renderIntlayerNode({
                 ...props,
                 value: htmlString,
-                components: userComponents,
-            },
-            additionalProps: {
-                use: (components) => render(components),
-            },
-        });
-        return render();
-    },
-};
+                component: HTMLRenderer,
+                props: {
+                    ...props,
+                    value: htmlString,
+                    components: userComponents,
+                },
+                additionalProps: {
+                    use: (components) => render(components),
+                },
+            });
+            return render();
+        },
+    };
 /**
  * Get the plugins array for Svelte content transformation.
  * This function is used by both getIntlayer and getDictionary to ensure consistent plugin configuration.
@@ -274,4 +286,4 @@ export const getPlugins = (locale, fallback = true) => [
     insertionPlugin,
     markdownPlugin,
     htmlPlugin,
-];
+].filter(Boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "8.6.0",
+  "version": "8.6.2",
   "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.0",
-    "@intlayer/config": "8.6.0",
-    "@intlayer/core": "8.6.0",
-    "@intlayer/editor": "8.6.0",
-    "@intlayer/types": "8.6.0"
+    "@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"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",