react-native-markdown-renderer/lib/module/index.js

Markdown renderer for react-native, with CommonMark spec support + adds syntax extensions & sugar (URL autolinking, typographer).

import { useMemo } from 'react';
import parser from './lib/parser';
import applyStyle from './lib/util/applyStyle';
import getUniqueID from './lib/util/getUniqueID';
import hasParents from './lib/util/hasParents';
import openUrl from './lib/util/openUrl';
import tokensToAST from './lib/util/tokensToAST';
import defaultRenderRules from './lib/renderRules';
import AstRenderer from './lib/AstRenderer';
import MarkdownIt from 'markdown-it';
import PluginContainer from './lib/plugin/PluginContainer';
import blockPlugin from './lib/plugin/blockPlugin';
import { styles } from './lib/styles';
import { stringToTokens } from './lib/util/stringToTokens';
export { applyStyle, getUniqueID, openUrl, hasParents, defaultRenderRules as renderRules, AstRenderer, parser, stringToTokens, tokensToAST, MarkdownIt, PluginContainer, blockPlugin, styles };
const defaultMarkdownIt = MarkdownIt({
  typographer: true
});
export default function Markdown({
  children,
  rules,
  style,
  renderer: rendererProp,
  markdownit = defaultMarkdownIt,
  plugins = []
}) {
  if (rendererProp && rules) {
    console.warn('react-native-markdown-renderer you are using renderer and rules at the same time. This is not possible, props.rules is ignored');
  }
  if (rendererProp && style) {
    console.warn('react-native-markdown-renderer you are using renderer and style at the same time. This is not possible, props.style is ignored');
  }
  const markdownParser = useMemo(() => {
    let md = markdownit;
    if (plugins.length > 0) {
      plugins.forEach(plugin => {
        // eslint-disable-next-line @typescript-eslint/no-explicit-any, prefer-spread
        md = md.use(...plugin.toArray());
      });
    }
    return md;
  }, [markdownit, plugins]);
  const resolvedRenderer = useMemo(() => {
    if (rendererProp) {
      if (typeof rendererProp === 'function') {
        return {
          render: rendererProp
        };
      }
      if (rendererProp instanceof AstRenderer) {
        return rendererProp;
      }
      throw new Error('Provided renderer is not compatible with function or AstRenderer. please change');
    }
    return new AstRenderer({
      ...defaultRenderRules,
      ...(rules || {})
    }, {
      ...styles,
      ...style
    });
  }, [rendererProp, rules, style]);
  const copy = useMemo(() => {
    return Array.isArray(children) ? children.join('') : children;
  }, [children]);
  return useMemo(() => {
    return parser(copy, resolvedRenderer.render, markdownParser);
  }, [copy, resolvedRenderer, markdownParser]);
}
//# sourceMappingURL=index.js.map