svelte-intlayer 8.4.10 → 8.5.0

package/dist/html/context.d.ts

@@ -6,4 +6,5 @@ export type HTMLContextValue = {
     renderHTML: (html: string, overrides?: HTMLComponents<'permissive', {}> | RenderHTMLOptions) => string;
 };
 export declare const setHTMLContext: (value: HTMLContextValue) => void;
+export { setHTMLContext as setIntlayerHTML };
 export declare const getHTMLContext: () => HTMLContextValue;

package/dist/html/context.js

@@ -3,6 +3,7 @@ const INTLAYER_HTML_CONTEXT_KEY = Symbol('intlayer-html-context');
 export const setHTMLContext = (value) => {
     setContext(INTLAYER_HTML_CONTEXT_KEY, value);
 };
+export { setHTMLContext as setIntlayerHTML };
 export const getHTMLContext = () => {
     const context = getContext(INTLAYER_HTML_CONTEXT_KEY);
     return (context || {

package/dist/html/index.d.ts

@@ -1,7 +1,7 @@
-export * from './context';
+import { type RenderHTMLOptions } from './context';
+export { getHTMLContext, type HTMLContext, type RenderHTMLOptions, setHTMLContext, setHTMLContext as setIntlayerHTML, } from './context';
 export { default as HTMLProvider } from './HTMLProvider.svelte';
 export { default as HTMLRenderer } from './HTMLRenderer.svelte';
-import { type RenderHTMLOptions } from './context';
 export type RenderHTMLProps = RenderHTMLOptions;
 export declare const renderHTML: (html: string, options?: RenderHTMLProps) => any;
 export declare const useHTMLRenderer: (options?: RenderHTMLProps) => (html: string) => string;

package/dist/html/index.js

@@ -1,8 +1,8 @@
-export * from './context';
-export { default as HTMLProvider } from './HTMLProvider.svelte';
-export { default as HTMLRenderer } from './HTMLRenderer.svelte';
 import { getHTML } from '@intlayer/core/interpreter';
 import { getHTMLContext } from './context';
+export { getHTMLContext, setHTMLContext, setHTMLContext as setIntlayerHTML, } from './context';
+export { default as HTMLProvider } from './HTMLProvider.svelte';
+export { default as HTMLRenderer } from './HTMLRenderer.svelte';
 export const renderHTML = (html, options = {}) => {
     return getHTML(html, (options.components || {}));
 };

package/dist/index.d.ts

@@ -7,9 +7,4 @@ declare module '@intlayer/core/interpreter' {
 export * from './client';
 export * from './getDictionary';
 export * from './getIntlayer';
-export * from './html';
-export * from './markdown';
 export * from './plugins';
-import { setHTMLContext } from './html';
-import { setMarkdownContext } from './markdown';
-export { setHTMLContext as setIntlayerHTML, setMarkdownContext as setIntlayerMarkdown, };

package/dist/index.js

@@ -1,9 +1,4 @@
 export * from './client';
 export * from './getDictionary';
 export * from './getIntlayer';
-export * from './html';
-export * from './markdown';
 export * from './plugins';
-import { setHTMLContext } from './html';
-import { setMarkdownContext } from './markdown';
-export { setHTMLContext as setIntlayerHTML, setMarkdownContext as setIntlayerMarkdown, };

package/dist/markdown/MarkdownProvider.svelte

@@ -5,7 +5,7 @@ import { setMarkdownContext } from './context';
 
 export const components: HTMLComponents<'permissive', {}> | undefined =
   undefined;
-export const wrapper: any = undefined;
+export const wrapper: string | import('svelte').ComponentType | undefined = undefined;
 export const forceBlock: boolean | undefined = undefined;
 export const forceInline: boolean | undefined = undefined;
 export const preserveFrontmatter: boolean | undefined = undefined;
@@ -16,8 +16,8 @@ let customRenderMarkdown:
       markdown: string,
       options?: any,
       components?: HTMLComponents<'permissive', {}>,
-      wrapper?: any
-    ) => string)
+      wrapper?: string | import('svelte').ComponentType
+    ) => string | Promise<string>)
   | undefined;
 export { customRenderMarkdown as renderMarkdown };
 
@@ -39,7 +39,7 @@ const internalRenderMarkdown = (
     tagfilter?: boolean;
   },
   componentsOverride?: HTMLComponents<'permissive', {}>,
-  wrapperOverride?: any
+  wrapperOverride?: string | import('svelte').ComponentType
 ) => {
   if (typeof customRenderMarkdown === 'function') {
     return customRenderMarkdown(
@@ -56,7 +56,7 @@ const internalRenderMarkdown = (
     preserveFrontmatter:
       options?.preserveFrontmatter ?? baseOptions.preserveFrontmatter,
     tagfilter: options?.tagfilter ?? baseOptions.tagfilter,
-    wrapper: wrapperOverride || baseOptions.wrapper,
+    wrapper: (wrapperOverride || baseOptions.wrapper) as string,
     forceWrapper: !!(wrapperOverride || baseOptions.wrapper),
     components: {
       ...baseOptions.components,

package/dist/markdown/MarkdownProvider.svelte.d.ts

@@ -19,12 +19,12 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } : {});
 declare const MarkdownProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     components?: HTMLComponents<"permissive", {}> | undefined;
-    wrapper?: any;
+    wrapper?: string | import("svelte").ComponentType | undefined;
     forceBlock?: boolean | undefined;
     forceInline?: boolean | undefined;
     preserveFrontmatter?: boolean | undefined;
     tagfilter?: boolean | undefined;
-    renderMarkdown: ((markdown: string, options?: any, components?: HTMLComponents<"permissive", {}>, wrapper?: any) => string) | undefined;
+    renderMarkdown: ((markdown: string, options?: any, components?: HTMLComponents<"permissive", {}>, wrapper?: string | import("svelte").ComponentType) => string | Promise<string>) | undefined;
 }, {
     default: {};
 }>, {
@@ -33,7 +33,7 @@ declare const MarkdownProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_
     default: {};
 }, {
     components: HTMLComponents<"permissive", {}> | undefined;
-    wrapper: any;
+    wrapper: string | import("svelte").ComponentType | undefined;
     forceBlock: boolean | undefined;
     forceInline: boolean | undefined;
     preserveFrontmatter: boolean | undefined;

package/dist/markdown/MarkdownRenderer.svelte

@@ -29,4 +29,6 @@ $: htmlContent = context.renderMarkdown(
 );
 </script>
 
-{@html htmlContent}
+{#await htmlContent then resolvedHtmlContent}
+  {@html resolvedHtmlContent}
+{/await}

package/dist/markdown/context.d.ts

@@ -1,3 +1,4 @@
+import { type ComponentType } from 'svelte';
 import type { HTMLComponents } from '../html/types';
 export declare const MARKDOWN_CONTEXT_KEY: unique symbol;
 export type MarkdownProviderOptions = {
@@ -8,11 +9,11 @@ export type MarkdownProviderOptions = {
 };
 export type RenderMarkdownOptions = MarkdownProviderOptions & {
     components?: HTMLComponents<'permissive', {}>;
-    wrapper?: any;
+    wrapper?: string | ComponentType;
 };
 export interface MarkdownContext {
     components?: HTMLComponents<'permissive', {}>;
-    renderMarkdown: (markdown: string, options?: MarkdownProviderOptions, components?: HTMLComponents<'permissive', {}>, wrapper?: any) => string;
+    renderMarkdown: (markdown: string, options?: MarkdownProviderOptions, components?: HTMLComponents<'permissive', {}>, wrapper?: string | ComponentType) => string | Promise<string>;
 }
 export declare const getMarkdownContext: () => MarkdownContext;
 export declare const setMarkdownContext: (context: MarkdownContext) => void;

package/dist/markdown/context.js

@@ -5,7 +5,7 @@ export const getMarkdownContext = () => {
     return (getContext(MARKDOWN_CONTEXT_KEY) || {
         renderMarkdown: (md, _options, components, wrapper) => compileMarkdown(md, {
             components,
-            wrapper,
+            wrapper: wrapper,
             forceWrapper: !!wrapper,
         }),
     });

package/dist/markdown/index.d.ts

@@ -1,10 +1,9 @@
-export * from './compiler';
-export * from './context';
+export { compileMarkdown } from './compiler';
+export { getMarkdownContext, type MarkdownContext, type RenderMarkdownOptions, setMarkdownContext, setMarkdownContext as setIntlayerMarkdown, } from './context';
+import { type RenderMarkdownOptions } from './context';
 export { default as MarkdownMetadataRenderer } from './MarkdownMetadataRenderer.svelte';
 export { default as MarkdownProvider } from './MarkdownProvider.svelte';
 export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';
-export * from './runtime';
-import { type RenderMarkdownOptions } from './context';
 export type RenderMarkdownProps = RenderMarkdownOptions;
-export declare const renderMarkdown: (content: string, options?: RenderMarkdownProps) => string;
-export declare const useMarkdownRenderer: (options?: RenderMarkdownProps) => (content: string) => string;
+export declare const renderMarkdown: (markdown?: string, options?: any) => unknown;
+export declare const useMarkdownRenderer: (options?: RenderMarkdownProps) => (content: string) => string | Promise<string>;

package/dist/markdown/index.js

@@ -1,14 +1,11 @@
-export * from './compiler';
-export * from './context';
+export { compileMarkdown } from './compiler';
+export { getMarkdownContext, setMarkdownContext, setMarkdownContext as setIntlayerMarkdown, } from './context';
+import { compileMarkdown } from './compiler';
+import { getMarkdownContext } from './context';
 export { default as MarkdownMetadataRenderer } from './MarkdownMetadataRenderer.svelte';
 export { default as MarkdownProvider } from './MarkdownProvider.svelte';
 export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';
-export * from './runtime';
-import { compileMarkdown } from './compiler';
-import { getMarkdownContext } from './context';
-export const renderMarkdown = (content, options = {}) => {
-    return compileMarkdown(content, options);
-};
+export const renderMarkdown = compileMarkdown;
 export const useMarkdownRenderer = (options = {}) => {
     const context = getMarkdownContext();
     return (content) => context.renderMarkdown(content, options);

package/dist/plugins.js

@@ -1,6 +1,7 @@
 import configuration from '@intlayer/config/built';
 import { conditionPlugin, enumerationPlugin, filePlugin, genderPlugin, getHTML, nestedPlugin, translationPlugin, } from '@intlayer/core/interpreter';
 import { HTML_TAGS, } from '@intlayer/core/transpiler';
+import { isEnabled } from '@intlayer/editor/isEnabled';
 import * as NodeTypes from '@intlayer/types/nodeType';
 import { default as ContentSelector } from './editor/ContentSelector.svelte';
 import { renderIntlayerNode } from './renderIntlayerNode';
@@ -34,9 +35,7 @@ export const intlayerNodePlugins = {
         typeof node === 'number',
     transform: (node, { children, ...rest }) => renderIntlayerNode({
         value: children ?? node,
-        component: configuration?.editor.enabled
-            ? ContentSelector
-            : (children ?? node),
+        component: isEnabled ? ContentSelector : (children ?? node),
         props: rest,
     }),
 };
@@ -128,12 +127,26 @@ export const insertionPlugin = {
                 };
             },
         };
-        return deepTransformNode(children, {
+        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. */
@@ -151,7 +164,7 @@ export const markdownStringPlugin = {
                 !metadataNode,
             transform: (metadataNode, props) => renderIntlayerNode({
                 value: metadataNode,
-                component: configuration?.editor.enabled
+                component: isEnabled
                     ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
                     : _MarkdownMetadataRenderer,
                 props: {
@@ -170,7 +183,7 @@ export const markdownStringPlugin = {
         const render = (components) => {
             const nodeResult = renderIntlayerNode({
                 value: node,
-                component: configuration?.editor.enabled
+                component: isEnabled
                     ? (_MarkdownWithSelector ?? _MarkdownRenderer)
                     : _MarkdownRenderer,
                 props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "8.4.10",
+  "version": "8.5.0",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -44,6 +44,11 @@
       "svelte": "./dist/markdown/index.js",
       "default": "./dist/markdown/index.js"
     },
+    "./html": {
+      "types": "./dist/html/index.d.ts",
+      "svelte": "./dist/html/index.js",
+      "default": "./dist/html/index.js"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -72,11 +77,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.4.10",
-    "@intlayer/config": "8.4.10",
-    "@intlayer/core": "8.4.10",
-    "@intlayer/editor": "8.4.10",
-    "@intlayer/types": "8.4.10"
+    "@intlayer/api": "8.5.0",
+    "@intlayer/config": "8.5.0",
+    "@intlayer/core": "8.5.0",
+    "@intlayer/editor": "8.5.0",
+    "@intlayer/types": "8.5.0"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",
@@ -87,7 +92,7 @@
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
     "rimraf": "6.1.3",
-    "svelte": "5.53.11",
+    "svelte": "5.55.0",
     "svelte-check": "4.4.5",
     "tsdown": "0.21.4",
     "typescript": "6.0.2",