svelte-intlayer 8.4.4 → 8.4.6

package/dist/plugins.d.ts

@@ -1,6 +1,7 @@
 import { type DeepTransformContent as DeepTransformContentCore, type IInterpreterPluginState as IInterpreterPluginStateCore, type Plugins } from '@intlayer/core/interpreter';
 import type { DeclaredLocales, LocalesValues } from '@intlayer/types/module_augmentation';
-import { NodeType } from '@intlayer/types/nodeType';
+import type { NodeType } from '@intlayer/types/nodeType';
+import * as NodeTypes from '@intlayer/types/nodeType';
 import type { HTMLComponents } from './html/types';
 import { type IntlayerNode } from './renderIntlayerNode';
 /**
@@ -33,7 +34,7 @@ export declare const svelteNodePlugins: Plugins;
  * --------------------------------------------- */
 export type InsertionCond<T, _S, _L> = T extends {
     nodeType: NodeType | string;
-    [NodeType.Insertion]: string;
+    [NodeTypes.INSERTION]: string;
     fields: readonly string[];
 } ? <V extends {
     [K in T['fields'][number]]: any;
@@ -51,7 +52,7 @@ export type MarkdownStringCond<T> = T extends string ? IntlayerNode<string, {
 export declare const markdownStringPlugin: Plugins;
 export type MarkdownCond<T, _S, L extends LocalesValues> = T extends {
     nodeType: NodeType | string;
-    [NodeType.Markdown]: infer _M;
+    [NodeTypes.MARKDOWN]: infer _M;
     metadata?: infer U;
     tags?: infer U;
 } ? {
@@ -61,7 +62,7 @@ export type MarkdownCond<T, _S, L extends LocalesValues> = T extends {
 export declare const markdownPlugin: Plugins;
 export type HTMLPluginCond<T> = T extends {
     nodeType: NodeType | string;
-    [NodeType.HTML]: infer I;
+    [NodeTypes.HTML]: infer I;
     tags?: infer U;
 } ? {
     use: (components?: HTMLComponents<'permissive', U>) => IntlayerNode<I>;

package/dist/plugins.js

@@ -1,15 +1,28 @@
 import configuration from '@intlayer/config/built';
 import { conditionPlugin, enumerationPlugin, filePlugin, genderPlugin, getHTML, nestedPlugin, translationPlugin, } from '@intlayer/core/interpreter';
-import { compile, getMarkdownMetadata } from '@intlayer/core/markdown';
 import { HTML_TAGS, } from '@intlayer/core/transpiler';
-import { NodeType } from '@intlayer/types/nodeType';
+import * as NodeTypes from '@intlayer/types/nodeType';
 import { default as ContentSelector } from './editor/ContentSelector.svelte';
-import MarkdownMetadataRenderer from './markdown/MarkdownMetadataRenderer.svelte';
-import MarkdownMetadataWithSelector from './markdown/MarkdownMetadataWithSelector.svelte';
-import MarkdownRenderer from './markdown/MarkdownRenderer.svelte';
-import MarkdownWithSelector from './markdown/MarkdownWithSelector.svelte';
-import { svelteHtmlRuntime } from './markdown/runtime';
 import { renderIntlayerNode } from './renderIntlayerNode';
+// Lazy pre-load heavy modules — creates separate code-split chunks
+let _getMarkdownMetadata = null;
+let _compile = null;
+void import('@intlayer/core/markdown').then((m) => {
+    _getMarkdownMetadata = m.getMarkdownMetadata;
+    _compile = m.compile;
+});
+let _MarkdownMetadataRenderer = null;
+let _MarkdownMetadataWithSelector = null;
+let _MarkdownRenderer = null;
+let _MarkdownWithSelector = null;
+let _svelteHtmlRuntime = 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('./markdown/runtime').then((m) => (_svelteHtmlRuntime = m.svelteHtmlRuntime)),
+]);
 /**
  * Basic Intlayer node plugins for content handling
  * These handle the core content transformation logic
@@ -84,15 +97,15 @@ const splitAndJoinInsertion = (template, values) => {
 /** Insertion plugin for Svelte. Handles component insertion. */
 export const insertionPlugin = {
     id: 'insertion-plugin',
-    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeType.Insertion,
+    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.INSERTION,
     transform: (node, props, deepTransformNode) => {
         const newKeyPath = [
             ...props.keyPath,
             {
-                type: NodeType.Insertion,
+                type: NodeTypes.INSERTION,
             },
         ];
-        const children = node[NodeType.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',
@@ -129,7 +142,7 @@ export const markdownStringPlugin = {
     canHandle: (node) => typeof node === 'string',
     transform: (node, props, deepTransformNode) => {
         const { ...rest } = props;
-        const metadata = getMarkdownMetadata(node) ?? {};
+        const metadata = _getMarkdownMetadata?.(node) ?? {};
         const metadataPlugins = {
             id: 'markdown-metadata-plugin',
             canHandle: (metadataNode) => typeof metadataNode === 'string' ||
@@ -139,8 +152,8 @@ export const markdownStringPlugin = {
             transform: (metadataNode, props) => renderIntlayerNode({
                 value: metadataNode,
                 component: configuration?.editor.enabled
-                    ? MarkdownMetadataWithSelector
-                    : MarkdownMetadataRenderer,
+                    ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
+                    : _MarkdownMetadataRenderer,
                 props: {
                     ...rest,
                     value: node, // The full markdown string
@@ -158,8 +171,8 @@ export const markdownStringPlugin = {
             const nodeResult = renderIntlayerNode({
                 value: node,
                 component: configuration?.editor.enabled
-                    ? MarkdownWithSelector
-                    : MarkdownRenderer,
+                    ? (_MarkdownWithSelector ?? _MarkdownRenderer)
+                    : _MarkdownRenderer,
                 props: {
                     ...rest,
                     value: node,
@@ -181,7 +194,7 @@ export const markdownStringPlugin = {
                         return (newComponents) => render(newComponents);
                     }
                     if (prop === 'toString') {
-                        return () => compile(node, { runtime: svelteHtmlRuntime, components: components }, {});
+                        return () => _compile?.(node, { runtime: _svelteHtmlRuntime, components: components }, {}) ?? node;
                     }
                     return Reflect.get(target, prop, receiver);
                 },
@@ -192,15 +205,15 @@ export const markdownStringPlugin = {
 };
 export const markdownPlugin = {
     id: 'markdown-plugin',
-    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeType.Markdown,
+    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.MARKDOWN,
     transform: (node, props, deepTransformNode) => {
         const newKeyPath = [
             ...props.keyPath,
             {
-                type: NodeType.Markdown,
+                type: NodeTypes.MARKDOWN,
             },
         ];
-        const children = node[NodeType.Markdown];
+        const children = node[NodeTypes.MARKDOWN];
         return deepTransformNode(children, {
             ...props,
             children,
@@ -258,9 +271,9 @@ const getDefaultHTMLComponents = () => {
 /** HTML plugin. Replaces node with a function that takes components => HTMLElement[]. */
 export const htmlPlugin = {
     id: 'html-plugin',
-    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeType.HTML,
+    canHandle: (node) => typeof node === 'object' && node?.nodeType === NodeTypes.HTML,
     transform: (node) => {
-        const htmlString = node[NodeType.HTML];
+        const htmlString = node[NodeTypes.HTML];
         const _tags = node.tags ?? [];
         const render = (userComponents) => {
             const mergedComponents = {

package/dist/renderIntlayerNode.test.js

@@ -2,7 +2,10 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 // ---------------------------------------------------------------------------
 // Mocks – must be declared before any import that transitively loads them.
 // ---------------------------------------------------------------------------
-const mockConfig = vi.hoisted(() => ({ editor: { enabled: false } }));
+const mockConfig = vi.hoisted(() => ({
+    editor: { enabled: false },
+    internationalization: { defaultLocale: 'en', locales: ['en'] },
+}));
 vi.mock('@intlayer/config/built', () => ({ default: mockConfig }));
 // Mock the Svelte wrapper component so vitest doesn't try to parse it.
 vi.mock('./IntlayerNodeWrapper.svelte', () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "8.4.4",
+  "version": "8.4.6",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -72,11 +72,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.4.4",
-    "@intlayer/config": "8.4.4",
-    "@intlayer/core": "8.4.4",
-    "@intlayer/editor": "8.4.4",
-    "@intlayer/types": "8.4.4"
+    "@intlayer/api": "8.4.6",
+    "@intlayer/config": "8.4.6",
+    "@intlayer/core": "8.4.6",
+    "@intlayer/editor": "8.4.6",
+    "@intlayer/types": "8.4.6"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",
@@ -91,7 +91,7 @@
     "svelte-check": "4.4.5",
     "tsdown": "0.21.4",
     "typescript": "5.9.3",
-    "vite": "8.0.0",
+    "vite": "8.0.1",
     "vitest": "4.1.0"
   },
   "peerDependencies": {