feat: add use remark sync hook

Author: ChristianMurphy

src/index.ts

@@ -13,12 +13,33 @@ import { Options as RemarkRehypeOptions } from 'mdast-util-to-hast';
 import remarkToRehype from 'remark-rehype';
 import rehypeReact, { Options as RehypeReactOptions } from 'rehype-react';
 
-export interface UseRemarkOptions {
+export interface UseRemarkSyncOptions {
   remarkParseOptions?: Partial<RemarkParseOptions>;
   remarkToRehypeOptions?: RemarkRehypeOptions;
   rehypeReactOptions?: Partial<RehypeReactOptions<typeof createElement>>;
   remarkPlugins?: PluggableList;
   rehypePlugins?: PluggableList;
+}
+
+export const useRemarkSync = (
+  source: string,
+  {
+    remarkParseOptions,
+    remarkToRehypeOptions,
+    rehypeReactOptions,
+    remarkPlugins = [],
+    rehypePlugins = [],
+  }: UseRemarkOptions = {}
+): ReactElement =>
+  unified()
+    .use(remarkParse, remarkParseOptions)
+    .use(remarkPlugins)
+    .use(remarkToRehype, remarkToRehypeOptions)
+    .use(rehypePlugins)
+    .use(rehypeReact, { createElement, Fragment, ...rehypeReactOptions })
+    .processSync(source).result as ReactElement;
+
+export interface UseRemarkOptions extends UseRemarkSyncOptions {
   onError?: (err: Error) => void;
 }