Add custom remark2rehype handlers

.changeset/brown-suns-sin.md

@@ -0,0 +1,5 @@
+---
+"svelte-exmarkdown": minor
+---
+
+Adds the ability for plugins to pass down handlers to remark2rehype

package.json

@@ -54,6 +54,7 @@
 		"highlightjs-svelte": "^1.0.6",
 		"jsdom": "^24.0.0",
 		"katex": "^0.16.9",
+		"mdast-util-to-hast": "^13.2.0",
 		"mermaid": "^10.7.0",
 		"prettier": "^3.2.4",
 		"prettier-plugin-svelte": "^3.1.2",

src/lib/types.ts

@@ -1,5 +1,6 @@
 import type { ComponentType, SvelteComponent } from 'svelte';
 import type { Pluggable, Processor } from 'unified';
+import type { Handlers } from 'mdast-util-to-hast';
 
 export type Component = ComponentType<SvelteComponent>;
 export type ComponentsMap = Record<
@@ -10,6 +11,7 @@ export type Plugin = {
 	remarkPlugin?: Pluggable;
 	rehypePlugin?: Pluggable;
 	renderer?: ComponentsMap;
+	handler?: Handlers
 };
 
 export type UnistNode = ReturnType<Processor['parse']> & {

src/lib/utils.ts

@@ -64,7 +64,10 @@ export const createParser = (plugins: Plugin[]): Parser => {
 	const processor = unified()
 		.use(remarkParse)
 		.use(plugins.map((plugin) => plugin.remarkPlugin).filter(nonNullable))
-		.use(remarkRehype, { allowDangerousHtml: true })
+		.use(remarkRehype, {
+			allowDangerousHtml: true,
+			handlers: plugins.map((plugin) => plugin.handler).filter(nonNullable).reduce((memo, cur) => ({...memo, ...cur}), {})
+		})
 		.use(plugins.map((plugin) => plugin.rehypePlugin).filter(nonNullable))
 		.use(rehypeReactPropsToSvelteProps);
 	return (md: string) => processor.runSync(processor.parse(md), md);