svmarkdown 0.1.0 → 0.1.2

package/README.md

@@ -173,6 +173,15 @@ const parseOptions: SvmdParseOptions = {
 />
 ```
 
+### Soft break behavior
+
+```svelte
+<Markdown
+  content={md}
+  renderOptions={{ softBreak: 'space' }} // 'space' | 'newline' | 'br'
+/>
+```
+
 ### Control component inference
 
 ```svelte
@@ -207,4 +216,4 @@ const parseOptions: SvmdParseOptions = {
 
 ## License
 
-MIT License
+MIT License

package/README.zh-CN.md

@@ -171,6 +171,15 @@ const options: SvmdParseOptions = {
 />
 ```
 
+### 软换行渲染策略
+
+```svelte
+<Markdown
+  content={md}
+  renderOptions={{ softBreak: 'space' }} // 'space' | 'newline' | 'br'
+/>
+```
+
 ### 关闭组件块自动推断
 
 ```svelte
@@ -205,4 +214,4 @@ const options: SvmdParseOptions = {
 
 ## License
 
-MIT License
+MIT License

package/dist/{SvmdChildren-V6hrbwsd.js → SvmdChildren-D_VMjuB6.js}

@@ -404,11 +404,12 @@ function nextKey(state) {
 //#endregion
 //#region src/internal/RenderNode.svelte
 var root_4 = $.from_html(`<br/>`);
-var root_14 = $.from_html(`<code> </code>`);
-var root_15 = $.from_html(`<pre>
+var root_6 = $.from_html(`<br/>`);
+var root_18 = $.from_html(`<code> </code>`);
+var root_19 = $.from_html(`<pre>
       <code> </code>
     </pre>`);
-var root_24 = $.from_html(`<pre><code> </code></pre>`);
+var root_28 = $.from_html(`<pre><code> </code></pre>`);
 function RenderNode($$anchor, $$props) {
 	$.push($$props, true);
 	const VOID_TAGS = new Set([
@@ -435,6 +436,9 @@ function RenderNode($$anchor, $$props) {
 		if (!codeNode.lang) return;
 		return `language-${codeNode.lang}`;
 	}
+	function renderSoftBreak() {
+		return $$props.renderOptions?.softBreak ?? "space";
+	}
 	var fragment = $.comment();
 	var node_1 = $.first_child(fragment);
 	var consequent = ($$anchor$1) => {
@@ -442,61 +446,88 @@ function RenderNode($$anchor, $$props) {
 		$.template_effect(() => $.set_text(text, $$props.node.value));
 		$.append($$anchor$1, text);
 	};
-	var alternate_12 = ($$anchor$1) => {
+	var alternate_14 = ($$anchor$1) => {
 		var fragment_2 = $.comment();
 		var node_2 = $.first_child(fragment_2);
-		var consequent_2 = ($$anchor$2) => {
+		var consequent_4 = ($$anchor$2) => {
 			var fragment_3 = $.comment();
 			var node_3 = $.first_child(fragment_3);
 			var consequent_1 = ($$anchor$3) => {
 				var br = root_4();
 				$.append($$anchor$3, br);
 			};
-			var alternate = ($$anchor$3) => {
-				var text_1 = $.text();
-				text_1.nodeValue = "\n";
-				$.append($$anchor$3, text_1);
+			var alternate_2 = ($$anchor$3) => {
+				var fragment_4 = $.comment();
+				var node_4 = $.first_child(fragment_4);
+				var consequent_2 = ($$anchor$4) => {
+					var br_1 = root_6();
+					$.append($$anchor$4, br_1);
+				};
+				var alternate_1 = ($$anchor$4) => {
+					var fragment_5 = $.comment();
+					var node_5 = $.first_child(fragment_5);
+					var consequent_3 = ($$anchor$5) => {
+						var text_1 = $.text();
+						text_1.nodeValue = "\n";
+						$.append($$anchor$5, text_1);
+					};
+					var alternate = ($$anchor$5) => {
+						var text_2 = $.text();
+						text_2.nodeValue = " ";
+						$.append($$anchor$5, text_2);
+					};
+					$.if(node_5, ($$render) => {
+						if (renderSoftBreak() === "newline") $$render(consequent_3);
+						else $$render(alternate, false);
+					}, true);
+					$.append($$anchor$4, fragment_5);
+				};
+				$.if(node_4, ($$render) => {
+					if (renderSoftBreak() === "br") $$render(consequent_2);
+					else $$render(alternate_1, false);
+				});
+				$.append($$anchor$3, fragment_4);
 			};
 			$.if(node_3, ($$render) => {
 				if ($$props.node.hard) $$render(consequent_1);
-				else $$render(alternate, false);
+				else $$render(alternate_2, false);
 			});
 			$.append($$anchor$2, fragment_3);
 		};
-		var alternate_11 = ($$anchor$2) => {
-			var fragment_5 = $.comment();
-			var node_4 = $.first_child(fragment_5);
-			var consequent_4 = ($$anchor$3) => {
-				var fragment_6 = $.comment();
-				var node_5 = $.first_child(fragment_6);
-				var consequent_3 = ($$anchor$4) => {
-					var fragment_7 = $.comment();
-					var node_6 = $.first_child(fragment_7);
-					$.html(node_6, () => $$props.node.value);
-					$.append($$anchor$4, fragment_7);
+		var alternate_13 = ($$anchor$2) => {
+			var fragment_8 = $.comment();
+			var node_6 = $.first_child(fragment_8);
+			var consequent_6 = ($$anchor$3) => {
+				var fragment_9 = $.comment();
+				var node_7 = $.first_child(fragment_9);
+				var consequent_5 = ($$anchor$4) => {
+					var fragment_10 = $.comment();
+					var node_8 = $.first_child(fragment_10);
+					$.html(node_8, () => $$props.node.value);
+					$.append($$anchor$4, fragment_10);
 				};
-				var alternate_1 = ($$anchor$4) => {
-					var text_2 = $.text();
-					$.template_effect(() => $.set_text(text_2, $$props.node.value));
-					$.append($$anchor$4, text_2);
+				var alternate_3 = ($$anchor$4) => {
+					var text_3 = $.text();
+					$.template_effect(() => $.set_text(text_3, $$props.node.value));
+					$.append($$anchor$4, text_3);
 				};
-				$.if(node_5, ($$render) => {
-					if ($$props.renderOptions?.allowDangerousHtml) $$render(consequent_3);
-					else $$render(alternate_1, false);
+				$.if(node_7, ($$render) => {
+					if ($$props.renderOptions?.allowDangerousHtml) $$render(consequent_5);
+					else $$render(alternate_3, false);
 				});
-				$.append($$anchor$3, fragment_6);
+				$.append($$anchor$3, fragment_9);
 			};
-			var alternate_10 = ($$anchor$3) => {
-				var fragment_9 = $.comment();
-				var node_7 = $.first_child(fragment_9);
-				var consequent_7 = ($$anchor$4) => {
+			var alternate_12 = ($$anchor$3) => {
+				var fragment_12 = $.comment();
+				var node_9 = $.first_child(fragment_12);
+				var consequent_9 = ($$anchor$4) => {
 					const CodeRenderer = $.derived(() => components().code);
-					var fragment_10 = $.comment();
-					var node_8 = $.first_child(fragment_10);
-					var consequent_5 = ($$anchor$5) => {
-						var fragment_11 = $.comment();
-						var node_9 = $.first_child(fragment_11);
-						$.component(node_9, () => $.get(CodeRenderer), ($$anchor$6, CodeRenderer_1) => {
+					var fragment_13 = $.comment();
+					var node_10 = $.first_child(fragment_13);
+					var consequent_7 = ($$anchor$5) => {
+						var fragment_14 = $.comment();
+						var node_11 = $.first_child(fragment_14);
+						$.component(node_11, () => $.get(CodeRenderer), ($$anchor$6, CodeRenderer_1) => {
 							CodeRenderer_1($$anchor$6, {
 								get node() {
 									return $$props.node;
@@ -518,56 +549,56 @@ function RenderNode($$anchor, $$props) {
 								}
 							});
 						});
-						$.append($$anchor$5, fragment_11);
+						$.append($$anchor$5, fragment_14);
 					};
-					var alternate_3 = ($$anchor$5) => {
-						var fragment_12 = $.comment();
-						var node_10 = $.first_child(fragment_12);
-						var consequent_6 = ($$anchor$6) => {
-							var code = root_14();
+					var alternate_5 = ($$anchor$5) => {
+						var fragment_15 = $.comment();
+						var node_12 = $.first_child(fragment_15);
+						var consequent_8 = ($$anchor$6) => {
+							var code = root_18();
 							$.attribute_effect(code, () => ({ ...$$props.node.attrs }));
-							var text_3 = $.child(code, true);
+							var text_4 = $.child(code, true);
 							$.reset(code);
-							$.template_effect(() => $.set_text(text_3, $$props.node.text));
+							$.template_effect(() => $.set_text(text_4, $$props.node.text));
 							$.append($$anchor$6, code);
 						};
-						var alternate_2 = ($$anchor$6) => {
-							var pre = root_15();
+						var alternate_4 = ($$anchor$6) => {
+							var pre = root_19();
 							var code_1 = $.sibling($.child(pre));
 							$.attribute_effect(code_1, ($0) => ({
 								class: $0,
 								...$$props.node.attrs
 							}), [() => codeClassName($$props.node)]);
-							var text_4 = $.child(code_1, true);
+							var text_5 = $.child(code_1, true);
 							$.reset(code_1);
 							$.next();
 							$.reset(pre);
-							$.template_effect(() => $.set_text(text_4, $$props.node.text));
+							$.template_effect(() => $.set_text(text_5, $$props.node.text));
 							$.append($$anchor$6, pre);
 						};
-						$.if(node_10, ($$render) => {
-							if ($$props.node.inline) $$render(consequent_6);
-							else $$render(alternate_2, false);
+						$.if(node_12, ($$render) => {
+							if ($$props.node.inline) $$render(consequent_8);
+							else $$render(alternate_4, false);
 						}, true);
-						$.append($$anchor$5, fragment_12);
+						$.append($$anchor$5, fragment_15);
 					};
-					$.if(node_8, ($$render) => {
-						if ($.get(CodeRenderer)) $$render(consequent_5);
-						else $$render(alternate_3, false);
+					$.if(node_10, ($$render) => {
+						if ($.get(CodeRenderer)) $$render(consequent_7);
+						else $$render(alternate_5, false);
 					});
-					$.append($$anchor$4, fragment_10);
+					$.append($$anchor$4, fragment_13);
 				};
-				var alternate_9 = ($$anchor$4) => {
-					var fragment_13 = $.comment();
-					var node_11 = $.first_child(fragment_13);
-					var consequent_12 = ($$anchor$5) => {
+				var alternate_11 = ($$anchor$4) => {
+					var fragment_16 = $.comment();
+					var node_13 = $.first_child(fragment_16);
+					var consequent_14 = ($$anchor$5) => {
 						const ComponentRenderer = $.derived(() => components()[$$props.node.name]);
-						var fragment_14 = $.comment();
-						var node_12 = $.first_child(fragment_14);
-						var consequent_9 = ($$anchor$6) => {
-							var fragment_15 = $.comment();
-							var node_13 = $.first_child(fragment_15);
-							$.component(node_13, () => $.get(ComponentRenderer), ($$anchor$7, ComponentRenderer_1) => {
+						var fragment_17 = $.comment();
+						var node_14 = $.first_child(fragment_17);
+						var consequent_11 = ($$anchor$6) => {
+							var fragment_18 = $.comment();
+							var node_15 = $.first_child(fragment_18);
+							$.component(node_15, () => $.get(ComponentRenderer), ($$anchor$7, ComponentRenderer_1) => {
 								ComponentRenderer_1($$anchor$7, $.spread_props(() => $$props.node.props, {
 									get node() {
 										return $$props.node;
@@ -579,9 +610,9 @@ function RenderNode($$anchor, $$props) {
 										return $$props.node.source;
 									},
 									children: ($$anchor$8, $$slotProps) => {
-										var fragment_16 = $.comment();
-										var node_14 = $.first_child(fragment_16);
-										var consequent_8 = ($$anchor$9) => {
+										var fragment_19 = $.comment();
+										var node_16 = $.first_child(fragment_19);
+										var consequent_10 = ($$anchor$9) => {
 											RenderNodes($$anchor$9, {
 												get nodes() {
 													return $$props.node.children;
@@ -594,20 +625,20 @@ function RenderNode($$anchor, $$props) {
 												}
 											});
 										};
-										$.if(node_14, ($$render) => {
-											if ($$props.node.children.length > 0) $$render(consequent_8);
+										$.if(node_16, ($$render) => {
+											if ($$props.node.children.length > 0) $$render(consequent_10);
 										});
-										$.append($$anchor$8, fragment_16);
+										$.append($$anchor$8, fragment_19);
 									},
 									$$slots: { default: true }
 								}));
 							});
-							$.append($$anchor$6, fragment_15);
+							$.append($$anchor$6, fragment_18);
 						};
-						var alternate_5 = ($$anchor$6) => {
-							var fragment_18 = $.comment();
-							var node_15 = $.first_child(fragment_18);
-							var consequent_10 = ($$anchor$7) => {
+						var alternate_7 = ($$anchor$6) => {
+							var fragment_21 = $.comment();
+							var node_17 = $.first_child(fragment_21);
+							var consequent_12 = ($$anchor$7) => {
 								RenderNodes($$anchor$7, {
 									get nodes() {
 										return $$props.node.children;
@@ -620,51 +651,51 @@ function RenderNode($$anchor, $$props) {
 									}
 								});
 							};
-							var alternate_4 = ($$anchor$7) => {
-								var fragment_20 = $.comment();
-								var node_16 = $.first_child(fragment_20);
-								var consequent_11 = ($$anchor$8) => {
-									var pre_1 = root_24();
+							var alternate_6 = ($$anchor$7) => {
+								var fragment_23 = $.comment();
+								var node_18 = $.first_child(fragment_23);
+								var consequent_13 = ($$anchor$8) => {
+									var pre_1 = root_28();
 									var code_2 = $.child(pre_1);
-									var text_5 = $.child(code_2, true);
+									var text_6 = $.child(code_2, true);
 									$.reset(code_2);
 									$.reset(pre_1);
-									$.template_effect(() => $.set_text(text_5, $$props.node.source));
+									$.template_effect(() => $.set_text(text_6, $$props.node.source));
 									$.append($$anchor$8, pre_1);
 								};
-								$.if(node_16, ($$render) => {
-									if ($$props.node.source) $$render(consequent_11);
+								$.if(node_18, ($$render) => {
+									if ($$props.node.source) $$render(consequent_13);
 								}, true);
-								$.append($$anchor$7, fragment_20);
+								$.append($$anchor$7, fragment_23);
 							};
-							$.if(node_15, ($$render) => {
-								if ($$props.node.children.length > 0) $$render(consequent_10);
-								else $$render(alternate_4, false);
+							$.if(node_17, ($$render) => {
+								if ($$props.node.children.length > 0) $$render(consequent_12);
+								else $$render(alternate_6, false);
 							});
-							$.append($$anchor$6, fragment_18);
+							$.append($$anchor$6, fragment_21);
 						};
-						$.if(node_12, ($$render) => {
-							if ($.get(ComponentRenderer)) $$render(consequent_9);
-							else $$render(alternate_5, false);
+						$.if(node_14, ($$render) => {
+							if ($.get(ComponentRenderer)) $$render(consequent_11);
+							else $$render(alternate_7, false);
 						});
-						$.append($$anchor$5, fragment_14);
+						$.append($$anchor$5, fragment_17);
 					};
-					var alternate_8 = ($$anchor$5) => {
+					var alternate_10 = ($$anchor$5) => {
 						const ElementRenderer = $.derived(() => components()[$$props.node.name]);
-						var fragment_21 = $.comment();
-						var node_17 = $.first_child(fragment_21);
-						var consequent_14 = ($$anchor$6) => {
-							var fragment_22 = $.comment();
-							var node_18 = $.first_child(fragment_22);
-							$.component(node_18, () => $.get(ElementRenderer), ($$anchor$7, ElementRenderer_1) => {
+						var fragment_24 = $.comment();
+						var node_19 = $.first_child(fragment_24);
+						var consequent_16 = ($$anchor$6) => {
+							var fragment_25 = $.comment();
+							var node_20 = $.first_child(fragment_25);
+							$.component(node_20, () => $.get(ElementRenderer), ($$anchor$7, ElementRenderer_1) => {
 								ElementRenderer_1($$anchor$7, $.spread_props(() => $$props.node.attrs, {
 									get node() {
 										return $$props.node;
 									},
 									children: ($$anchor$8, $$slotProps) => {
-										var fragment_23 = $.comment();
-										var node_19 = $.first_child(fragment_23);
-										var consequent_13 = ($$anchor$9) => {
+										var fragment_26 = $.comment();
+										var node_21 = $.first_child(fragment_26);
+										var consequent_15 = ($$anchor$9) => {
 											RenderNodes($$anchor$9, {
 												get nodes() {
 													return $$props.node.children;
@@ -677,35 +708,35 @@ function RenderNode($$anchor, $$props) {
 												}
 											});
 										};
-										$.if(node_19, ($$render) => {
-											if ($$props.node.children.length > 0) $$render(consequent_13);
+										$.if(node_21, ($$render) => {
+											if ($$props.node.children.length > 0) $$render(consequent_15);
 										});
-										$.append($$anchor$8, fragment_23);
+										$.append($$anchor$8, fragment_26);
 									},
 									$$slots: { default: true }
 								}));
 							});
-							$.append($$anchor$6, fragment_22);
+							$.append($$anchor$6, fragment_25);
 						};
-						var alternate_7 = ($$anchor$6) => {
-							var fragment_25 = $.comment();
-							var node_20 = $.first_child(fragment_25);
-							var consequent_15 = ($$anchor$7) => {
-								var fragment_26 = $.comment();
-								var node_21 = $.first_child(fragment_26);
-								$.element(node_21, () => $$props.node.name, false, ($$element, $$anchor$8) => {
+						var alternate_9 = ($$anchor$6) => {
+							var fragment_28 = $.comment();
+							var node_22 = $.first_child(fragment_28);
+							var consequent_17 = ($$anchor$7) => {
+								var fragment_29 = $.comment();
+								var node_23 = $.first_child(fragment_29);
+								$.element(node_23, () => $$props.node.name, false, ($$element, $$anchor$8) => {
 									$.attribute_effect($$element, () => ({ ...$$props.node.attrs }));
 								});
-								$.append($$anchor$7, fragment_26);
+								$.append($$anchor$7, fragment_29);
 							};
-							var alternate_6 = ($$anchor$7) => {
-								var fragment_27 = $.comment();
-								var node_22 = $.first_child(fragment_27);
-								$.element(node_22, () => $$props.node.name, false, ($$element_1, $$anchor$8) => {
+							var alternate_8 = ($$anchor$7) => {
+								var fragment_30 = $.comment();
+								var node_24 = $.first_child(fragment_30);
+								$.element(node_24, () => $$props.node.name, false, ($$element_1, $$anchor$8) => {
 									$.attribute_effect($$element_1, () => ({ ...$$props.node.attrs }));
-									var fragment_28 = $.comment();
-									var node_23 = $.first_child(fragment_28);
-									var consequent_16 = ($$anchor$9) => {
+									var fragment_31 = $.comment();
+									var node_25 = $.first_child(fragment_31);
+									var consequent_18 = ($$anchor$9) => {
 										RenderNodes($$anchor$9, {
 											get nodes() {
 												return $$props.node.children;
@@ -718,52 +749,52 @@ function RenderNode($$anchor, $$props) {
 											}
 										});
 									};
-									$.if(node_23, ($$render) => {
-										if ($$props.node.children.length > 0) $$render(consequent_16);
+									$.if(node_25, ($$render) => {
+										if ($$props.node.children.length > 0) $$render(consequent_18);
 									});
-									$.append($$anchor$8, fragment_28);
+									$.append($$anchor$8, fragment_31);
 								});
-								$.append($$anchor$7, fragment_27);
+								$.append($$anchor$7, fragment_30);
 							};
-							$.if(node_20, ($$render) => {
-								if (isVoidElement($$props.node)) $$render(consequent_15);
-								else $$render(alternate_6, false);
+							$.if(node_22, ($$render) => {
+								if (isVoidElement($$props.node)) $$render(consequent_17);
+								else $$render(alternate_8, false);
 							}, true);
-							$.append($$anchor$6, fragment_25);
+							$.append($$anchor$6, fragment_28);
 						};
-						$.if(node_17, ($$render) => {
-							if ($.get(ElementRenderer)) $$render(consequent_14);
-							else $$render(alternate_7, false);
+						$.if(node_19, ($$render) => {
+							if ($.get(ElementRenderer)) $$render(consequent_16);
+							else $$render(alternate_9, false);
 						});
-						$.append($$anchor$5, fragment_21);
+						$.append($$anchor$5, fragment_24);
 					};
-					$.if(node_11, ($$render) => {
-						if ($$props.node.kind === "component") $$render(consequent_12);
-						else $$render(alternate_8, false);
+					$.if(node_13, ($$render) => {
+						if ($$props.node.kind === "component") $$render(consequent_14);
+						else $$render(alternate_10, false);
 					}, true);
-					$.append($$anchor$4, fragment_13);
+					$.append($$anchor$4, fragment_16);
 				};
-				$.if(node_7, ($$render) => {
-					if ($$props.node.kind === "code") $$render(consequent_7);
-					else $$render(alternate_9, false);
+				$.if(node_9, ($$render) => {
+					if ($$props.node.kind === "code") $$render(consequent_9);
+					else $$render(alternate_11, false);
 				}, true);
-				$.append($$anchor$3, fragment_9);
+				$.append($$anchor$3, fragment_12);
 			};
-			$.if(node_4, ($$render) => {
-				if ($$props.node.kind === "html") $$render(consequent_4);
-				else $$render(alternate_10, false);
+			$.if(node_6, ($$render) => {
+				if ($$props.node.kind === "html") $$render(consequent_6);
+				else $$render(alternate_12, false);
 			}, true);
-			$.append($$anchor$2, fragment_5);
+			$.append($$anchor$2, fragment_8);
 		};
 		$.if(node_2, ($$render) => {
-			if ($$props.node.kind === "break") $$render(consequent_2);
-			else $$render(alternate_11, false);
+			if ($$props.node.kind === "break") $$render(consequent_4);
+			else $$render(alternate_13, false);
 		}, true);
 		$.append($$anchor$1, fragment_2);
 	};
 	$.if(node_1, ($$render) => {
 		if ($$props.node.kind === "text") $$render(consequent);
-		else $$render(alternate_12, false);
+		else $$render(alternate_14, false);
 	});
 	$.append($$anchor, fragment);
 	$.pop();

package/dist/index.js

@@ -1,3 +1,3 @@
-import { a as parseMarkdown, i as inferComponentBlocksFromMap, n as Markdown, r as createParser, t as SvmdChildren } from "./SvmdChildren-V6hrbwsd.js";
+import { a as parseMarkdown, i as inferComponentBlocksFromMap, n as Markdown, r as createParser, t as SvmdChildren } from "./SvmdChildren-D_VMjuB6.js";
 
 export { Markdown, SvmdChildren, createParser, inferComponentBlocksFromMap, parseMarkdown };

package/dist/types.d.ts

@@ -72,5 +72,6 @@ export interface SvmdParseOptions {
 }
 export interface SvmdRenderOptions {
     allowDangerousHtml?: boolean;
+    softBreak?: 'space' | 'newline' | 'br';
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svmarkdown",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Runtime markdown renderer for Svelte based on markdown-it and AST blocks.",
   "author": "grtsinry43",
   "license": "MIT",
@@ -14,14 +14,20 @@
     "url": "https://github.com/grtsinry43/svmarkdown/issues"
   },
   "exports": {
-    ".": "./dist/index.js",
+    ".": {
+      "svelte": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
     "./package.json": "./package.json"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "svelte": "./src/index.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "publishConfig": {
     "access": "public"

package/src/Markdown.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  import { createParser, inferComponentBlocksFromMap } from './parser'
+  import RenderNodes from './internal/RenderNodes.svelte'
+  import type {
+    SvmdComponentMap,
+    SvmdComponentBlocks,
+    SvmdParseOptions,
+    SvmdRenderOptions,
+    SvmdRoot,
+  } from './types'
+
+  interface Props {
+    content: string
+    components?: SvmdComponentMap
+    parseOptions?: SvmdParseOptions
+    renderOptions?: SvmdRenderOptions
+    inferComponentBlocks?: boolean
+  }
+
+  let {
+    content,
+    components = {},
+    parseOptions = {},
+    renderOptions,
+    inferComponentBlocks = true,
+  }: Props = $props()
+
+  const effectiveParseOptions = $derived(resolveParseOptions(parseOptions, components, inferComponentBlocks))
+  const parser = $derived(createParser(effectiveParseOptions))
+  const ast: SvmdRoot = $derived(parser(content))
+
+  function resolveParseOptions(
+    options: SvmdParseOptions,
+    componentMap: SvmdComponentMap,
+    shouldInferComponentBlocks: boolean,
+  ): SvmdParseOptions {
+    if (!shouldInferComponentBlocks) {
+      return options
+    }
+
+    const inferredBlocks = inferComponentBlocksFromMap(componentMap)
+    const mergedBlocks: SvmdComponentBlocks = {
+      ...inferredBlocks,
+      ...(options.componentBlocks ?? {}),
+    }
+
+    return {
+      ...options,
+      componentBlocks: mergedBlocks,
+    }
+  }
+</script>
+
+{#if ast.children.length > 0}
+  <RenderNodes nodes={ast.children} {components} {renderOptions} />
+{/if}

package/src/SvmdChildren.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import RenderNodes from './internal/RenderNodes.svelte'
+  import type { SvmdComponentMap, SvmdNode, SvmdRenderOptions } from './types'
+
+  interface Props {
+    nodes: SvmdNode[]
+    components?: SvmdComponentMap
+    renderOptions?: SvmdRenderOptions
+  }
+
+  let { nodes, components = {}, renderOptions }: Props = $props()
+</script>
+
+<RenderNodes {nodes} {components} {renderOptions} />