svmarkdown 0.1.2 → 0.1.3

package/README.md

@@ -182,6 +182,16 @@ const parseOptions: SvmdParseOptions = {
 />
 ```
 
+### Link component layout (inline vs standalone)
+
+```svelte
+<!-- when overriding `a` -->
+<script lang="ts">
+  export let linkLayout // 'inline' | 'standalone'
+  export let linkStandalone // boolean
+</script>
+```
+
 ### Control component inference
 
 ```svelte

package/README.zh-CN.md

@@ -180,6 +180,16 @@ const options: SvmdParseOptions = {
 />
 ```
 
+### 链接组件的行内/独立布局
+
+```svelte
+<!-- 当覆写 `a` 时 -->
+<script lang="ts">
+  export let linkLayout // 'inline' | 'standalone'
+  export let linkStandalone // boolean
+</script>
+```
+
 ### 关闭组件块自动推断
 
 ```svelte

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

@@ -439,6 +439,14 @@ function RenderNode($$anchor, $$props) {
 	function renderSoftBreak() {
 		return $$props.renderOptions?.softBreak ?? "space";
 	}
+	function linkLayout(node) {
+		if (node.name !== "a") return "inline";
+		if (!$$props.parent || $$props.parent.kind !== "element") return "inline";
+		if (!$$props.parent.block) return "inline";
+		if ($$props.parent.children.length !== 1) return "inline";
+		if ($$props.parent.children[0] !== node) return "inline";
+		return "standalone";
+	}
 	var fragment = $.comment();
 	var node_1 = $.first_child(fragment);
 	var consequent = ($$anchor$1) => {
@@ -446,7 +454,7 @@ function RenderNode($$anchor, $$props) {
 		$.template_effect(() => $.set_text(text, $$props.node.value));
 		$.append($$anchor$1, text);
 	};
-	var alternate_14 = ($$anchor$1) => {
+	var alternate_15 = ($$anchor$1) => {
 		var fragment_2 = $.comment();
 		var node_2 = $.first_child(fragment_2);
 		var consequent_4 = ($$anchor$2) => {
@@ -494,7 +502,7 @@ function RenderNode($$anchor, $$props) {
 			});
 			$.append($$anchor$2, fragment_3);
 		};
-		var alternate_13 = ($$anchor$2) => {
+		var alternate_14 = ($$anchor$2) => {
 			var fragment_8 = $.comment();
 			var node_6 = $.first_child(fragment_8);
 			var consequent_6 = ($$anchor$3) => {
@@ -517,7 +525,7 @@ function RenderNode($$anchor, $$props) {
 				});
 				$.append($$anchor$3, fragment_9);
 			};
-			var alternate_12 = ($$anchor$3) => {
+			var alternate_13 = ($$anchor$3) => {
 				var fragment_12 = $.comment();
 				var node_9 = $.first_child(fragment_12);
 				var consequent_9 = ($$anchor$4) => {
@@ -588,7 +596,7 @@ function RenderNode($$anchor, $$props) {
 					});
 					$.append($$anchor$4, fragment_13);
 				};
-				var alternate_11 = ($$anchor$4) => {
+				var alternate_12 = ($$anchor$4) => {
 					var fragment_16 = $.comment();
 					var node_13 = $.first_child(fragment_16);
 					var consequent_14 = ($$anchor$5) => {
@@ -622,6 +630,9 @@ function RenderNode($$anchor, $$props) {
 												},
 												get renderOptions() {
 													return $$props.renderOptions;
+												},
+												get parent() {
+													return $$props.node;
 												}
 											});
 										};
@@ -648,6 +659,9 @@ function RenderNode($$anchor, $$props) {
 									},
 									get renderOptions() {
 										return $$props.renderOptions;
+									},
+									get parent() {
+										return $$props.node;
 									}
 								});
 							};
@@ -680,63 +694,122 @@ function RenderNode($$anchor, $$props) {
 						});
 						$.append($$anchor$5, fragment_17);
 					};
-					var alternate_10 = ($$anchor$5) => {
+					var alternate_11 = ($$anchor$5) => {
 						const ElementRenderer = $.derived(() => components()[$$props.node.name]);
 						var fragment_24 = $.comment();
 						var node_19 = $.first_child(fragment_24);
-						var consequent_16 = ($$anchor$6) => {
+						var consequent_18 = ($$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_26 = $.comment();
-										var node_21 = $.first_child(fragment_26);
-										var consequent_15 = ($$anchor$9) => {
-											RenderNodes($$anchor$9, {
-												get nodes() {
-													return $$props.node.children;
-												},
-												get components() {
-													return components();
-												},
-												get renderOptions() {
-													return $$props.renderOptions;
-												}
+							var consequent_16 = ($$anchor$7) => {
+								var fragment_26 = $.comment();
+								var node_21 = $.first_child(fragment_26);
+								{
+									let $0 = $.derived(() => linkLayout($$props.node));
+									let $1 = $.derived(() => linkLayout($$props.node) === "standalone");
+									$.component(node_21, () => $.get(ElementRenderer), ($$anchor$8, ElementRenderer_1) => {
+										ElementRenderer_1($$anchor$8, $.spread_props(() => $$props.node.attrs, {
+											get node() {
+												return $$props.node;
+											},
+											get linkLayout() {
+												return $.get($0);
+											},
+											get linkStandalone() {
+												return $.get($1);
+											},
+											children: ($$anchor$9, $$slotProps) => {
+												var fragment_27 = $.comment();
+												var node_22 = $.first_child(fragment_27);
+												var consequent_15 = ($$anchor$10) => {
+													RenderNodes($$anchor$10, {
+														get nodes() {
+															return $$props.node.children;
+														},
+														get components() {
+															return components();
+														},
+														get renderOptions() {
+															return $$props.renderOptions;
+														},
+														get parent() {
+															return $$props.node;
+														}
+													});
+												};
+												$.if(node_22, ($$render) => {
+													if ($$props.node.children.length > 0) $$render(consequent_15);
+												});
+												$.append($$anchor$9, fragment_27);
+											},
+											$$slots: { default: true }
+										}));
+									});
+								}
+								$.append($$anchor$7, fragment_26);
+							};
+							var alternate_8 = ($$anchor$7) => {
+								var fragment_29 = $.comment();
+								var node_23 = $.first_child(fragment_29);
+								$.component(node_23, () => $.get(ElementRenderer), ($$anchor$8, ElementRenderer_2) => {
+									ElementRenderer_2($$anchor$8, $.spread_props(() => $$props.node.attrs, {
+										get node() {
+											return $$props.node;
+										},
+										children: ($$anchor$9, $$slotProps) => {
+											var fragment_30 = $.comment();
+											var node_24 = $.first_child(fragment_30);
+											var consequent_17 = ($$anchor$10) => {
+												RenderNodes($$anchor$10, {
+													get nodes() {
+														return $$props.node.children;
+													},
+													get components() {
+														return components();
+													},
+													get renderOptions() {
+														return $$props.renderOptions;
+													},
+													get parent() {
+														return $$props.node;
+													}
+												});
+											};
+											$.if(node_24, ($$render) => {
+												if ($$props.node.children.length > 0) $$render(consequent_17);
 											});
-										};
-										$.if(node_21, ($$render) => {
-											if ($$props.node.children.length > 0) $$render(consequent_15);
-										});
-										$.append($$anchor$8, fragment_26);
-									},
-									$$slots: { default: true }
-								}));
+											$.append($$anchor$9, fragment_30);
+										},
+										$$slots: { default: true }
+									}));
+								});
+								$.append($$anchor$7, fragment_29);
+							};
+							$.if(node_20, ($$render) => {
+								if ($$props.node.name === "a") $$render(consequent_16);
+								else $$render(alternate_8, false);
 							});
 							$.append($$anchor$6, fragment_25);
 						};
-						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) => {
+						var alternate_10 = ($$anchor$6) => {
+							var fragment_32 = $.comment();
+							var node_25 = $.first_child(fragment_32);
+							var consequent_19 = ($$anchor$7) => {
+								var fragment_33 = $.comment();
+								var node_26 = $.first_child(fragment_33);
+								$.element(node_26, () => $$props.node.name, false, ($$element, $$anchor$8) => {
 									$.attribute_effect($$element, () => ({ ...$$props.node.attrs }));
 								});
-								$.append($$anchor$7, fragment_29);
+								$.append($$anchor$7, fragment_33);
 							};
-							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) => {
+							var alternate_9 = ($$anchor$7) => {
+								var fragment_34 = $.comment();
+								var node_27 = $.first_child(fragment_34);
+								$.element(node_27, () => $$props.node.name, false, ($$element_1, $$anchor$8) => {
 									$.attribute_effect($$element_1, () => ({ ...$$props.node.attrs }));
-									var fragment_31 = $.comment();
-									var node_25 = $.first_child(fragment_31);
-									var consequent_18 = ($$anchor$9) => {
+									var fragment_35 = $.comment();
+									var node_28 = $.first_child(fragment_35);
+									var consequent_20 = ($$anchor$9) => {
 										RenderNodes($$anchor$9, {
 											get nodes() {
 												return $$props.node.children;
@@ -746,55 +819,58 @@ function RenderNode($$anchor, $$props) {
 											},
 											get renderOptions() {
 												return $$props.renderOptions;
+											},
+											get parent() {
+												return $$props.node;
 											}
 										});
 									};
-									$.if(node_25, ($$render) => {
-										if ($$props.node.children.length > 0) $$render(consequent_18);
+									$.if(node_28, ($$render) => {
+										if ($$props.node.children.length > 0) $$render(consequent_20);
 									});
-									$.append($$anchor$8, fragment_31);
+									$.append($$anchor$8, fragment_35);
 								});
-								$.append($$anchor$7, fragment_30);
+								$.append($$anchor$7, fragment_34);
 							};
-							$.if(node_22, ($$render) => {
-								if (isVoidElement($$props.node)) $$render(consequent_17);
-								else $$render(alternate_8, false);
+							$.if(node_25, ($$render) => {
+								if (isVoidElement($$props.node)) $$render(consequent_19);
+								else $$render(alternate_9, false);
 							}, true);
-							$.append($$anchor$6, fragment_28);
+							$.append($$anchor$6, fragment_32);
 						};
 						$.if(node_19, ($$render) => {
-							if ($.get(ElementRenderer)) $$render(consequent_16);
-							else $$render(alternate_9, false);
+							if ($.get(ElementRenderer)) $$render(consequent_18);
+							else $$render(alternate_10, false);
 						});
 						$.append($$anchor$5, fragment_24);
 					};
 					$.if(node_13, ($$render) => {
 						if ($$props.node.kind === "component") $$render(consequent_14);
-						else $$render(alternate_10, false);
+						else $$render(alternate_11, false);
 					}, true);
 					$.append($$anchor$4, fragment_16);
 				};
 				$.if(node_9, ($$render) => {
 					if ($$props.node.kind === "code") $$render(consequent_9);
-					else $$render(alternate_11, false);
+					else $$render(alternate_12, false);
 				}, true);
 				$.append($$anchor$3, fragment_12);
 			};
 			$.if(node_6, ($$render) => {
 				if ($$props.node.kind === "html") $$render(consequent_6);
-				else $$render(alternate_12, false);
+				else $$render(alternate_13, false);
 			}, true);
 			$.append($$anchor$2, fragment_8);
 		};
 		$.if(node_2, ($$render) => {
 			if ($$props.node.kind === "break") $$render(consequent_4);
-			else $$render(alternate_13, false);
+			else $$render(alternate_14, false);
 		}, true);
 		$.append($$anchor$1, fragment_2);
 	};
 	$.if(node_1, ($$render) => {
 		if ($$props.node.kind === "text") $$render(consequent);
-		else $$render(alternate_14, false);
+		else $$render(alternate_15, false);
 	});
 	$.append($$anchor, fragment);
 	$.pop();
@@ -816,6 +892,9 @@ function RenderNodes($$anchor, $$props) {
 			},
 			get renderOptions() {
 				return $$props.renderOptions;
+			},
+			get parent() {
+				return $$props.parent;
 			}
 		});
 	});

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-D_VMjuB6.js";
+import { a as parseMarkdown, i as inferComponentBlocksFromMap, n as Markdown, r as createParser, t as SvmdChildren } from "./SvmdChildren-Bf8r1vF0.js";
 
 export { Markdown, SvmdChildren, createParser, inferComponentBlocksFromMap, parseMarkdown };

package/dist/internal/RenderNode.svelte.d.ts

@@ -3,6 +3,7 @@ interface Props {
     node: SvmdNode;
     components?: SvmdComponentMap;
     renderOptions?: SvmdRenderOptions;
+    parent?: SvmdNode;
 }
 declare const RenderNode: import("svelte").Component<Props, {}, "">;
 type RenderNode = ReturnType<typeof RenderNode>;

package/dist/internal/RenderNodes.svelte.d.ts

@@ -3,6 +3,7 @@ interface Props {
     nodes: SvmdNode[];
     components?: SvmdComponentMap;
     renderOptions?: SvmdRenderOptions;
+    parent?: SvmdNode;
 }
 declare const RenderNodes: import("svelte").Component<Props, {}, "">;
 type RenderNodes = ReturnType<typeof RenderNodes>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svmarkdown",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Runtime markdown renderer for Svelte based on markdown-it and AST blocks.",
   "author": "grtsinry43",
   "license": "MIT",

package/src/internal/RenderNode.svelte

@@ -29,9 +29,10 @@
     node: SvmdNode
     components?: SvmdComponentMap
     renderOptions?: SvmdRenderOptions
+    parent?: SvmdNode
   }
 
-  let { node, components = {}, renderOptions }: Props = $props()
+  let { node, components = {}, renderOptions, parent }: Props = $props()
 
   function isVoidElement(elementNode: SvmdElementNode): boolean {
     return VOID_TAGS.has(elementNode.name)
@@ -48,6 +49,30 @@
   function renderSoftBreak(): 'space' | 'newline' | 'br' {
     return renderOptions?.softBreak ?? 'space'
   }
+
+  function linkLayout(node: SvmdElementNode): 'inline' | 'standalone' {
+    if (node.name !== 'a') {
+      return 'inline'
+    }
+
+    if (!parent || parent.kind !== 'element') {
+      return 'inline'
+    }
+
+    if (!parent.block) {
+      return 'inline'
+    }
+
+    if (parent.children.length !== 1) {
+      return 'inline'
+    }
+
+    if (parent.children[0] !== node) {
+      return 'inline'
+    }
+
+    return 'standalone'
+  }
 </script>
 
 {#if node.kind === 'text'}
@@ -95,12 +120,12 @@
   {#if ComponentRenderer}
     <ComponentRenderer {...node.props} node={node} syntax={node.syntax} source={node.source}>
       {#if node.children.length > 0}
-        <RenderNodes nodes={node.children} {components} {renderOptions} />
+        <RenderNodes nodes={node.children} {components} {renderOptions} parent={node} />
       {/if}
     </ComponentRenderer>
   {:else}
     {#if node.children.length > 0}
-      <RenderNodes nodes={node.children} {components} {renderOptions} />
+      <RenderNodes nodes={node.children} {components} {renderOptions} parent={node} />
     {:else if node.source}
       <pre><code>{node.source}</code></pre>
     {/if}
@@ -109,17 +134,30 @@
   {@const ElementRenderer = components[node.name]}
 
   {#if ElementRenderer}
-    <ElementRenderer {...node.attrs} node={node}>
-      {#if node.children.length > 0}
-        <RenderNodes nodes={node.children} {components} {renderOptions} />
-      {/if}
-    </ElementRenderer>
+    {#if node.name === 'a'}
+      <ElementRenderer
+        {...node.attrs}
+        node={node}
+        linkLayout={linkLayout(node)}
+        linkStandalone={linkLayout(node) === 'standalone'}
+      >
+        {#if node.children.length > 0}
+          <RenderNodes nodes={node.children} {components} {renderOptions} parent={node} />
+        {/if}
+      </ElementRenderer>
+    {:else}
+      <ElementRenderer {...node.attrs} node={node}>
+        {#if node.children.length > 0}
+          <RenderNodes nodes={node.children} {components} {renderOptions} parent={node} />
+        {/if}
+      </ElementRenderer>
+    {/if}
   {:else if isVoidElement(node)}
     <svelte:element this={node.name} {...node.attrs} />
   {:else}
     <svelte:element this={node.name} {...node.attrs}>
       {#if node.children.length > 0}
-        <RenderNodes nodes={node.children} {components} {renderOptions} />
+        <RenderNodes nodes={node.children} {components} {renderOptions} parent={node} />
       {/if}
     </svelte:element>
   {/if}

package/src/internal/RenderNodes.svelte

@@ -6,11 +6,12 @@
     nodes: SvmdNode[]
     components?: SvmdComponentMap
     renderOptions?: SvmdRenderOptions
+    parent?: SvmdNode
   }
 
-  let { nodes, components = {}, renderOptions }: Props = $props()
+  let { nodes, components = {}, renderOptions, parent }: Props = $props()
 </script>
 
 {#each nodes as node (node.key)}
-  <RenderNode {node} {components} {renderOptions} />
+  <RenderNode {node} {components} {renderOptions} {parent} />
 {/each}