svelte-intlayer 8.4.5 → 8.4.6

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 * 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
@@ -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);
                 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "8.4.5",
+  "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.5",
-    "@intlayer/config": "8.4.5",
-    "@intlayer/core": "8.4.5",
-    "@intlayer/editor": "8.4.5",
-    "@intlayer/types": "8.4.5"
+    "@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": {