Function markdownToHtmlBasic

packages/shared/src/lib/markdownConversion.ts:56–186

(markdown: string)

 * // Returns: '<p><strong>bold</strong> and <em>italic</em></p>'
 */
export const markdownToHtmlBasic = (markdown: string): string => {
  if (!markdown) {
    return '';
  }

  const lines = markdown.split(/\r?\n/);
  const htmlParts: string[] = [];
  let listType: 'ul' | 'ol' | null = null;
  let listItems: string[] = [];
  let isInCodeBlock = false;
  let codeBlockLines: string[] = [];
  let hasRenderedBlock = false;
  let pendingBlankLines = 0;

  const flushList = () => {
    if (!listType || listItems.length === 0) {
      listType = null;
      listItems = [];
      return;
    }

    htmlParts.push(`<${listType}>${listItems.join('')}</${listType}>`);
    hasRenderedBlock = true;
    listType = null;
    listItems = [];
  };

  const flushPendingEmptyParagraphs = () => {
    if (!hasRenderedBlock || pendingBlankLines === 0) {
      return;
    }

    for (let i = 1; i < pendingBlankLines; i += 1) {
      htmlParts.push('<p></p>');
    }

    pendingBlankLines = 0;
  };

  lines.forEach((line) => {
    const trimmed = line.trim();

    if (trimmed.startsWith('```')) {
      if (isInCodeBlock) {
        flushPendingEmptyParagraphs();
        const codeContent = escapeHtml(codeBlockLines.join('\n'));
        htmlParts.push(`<pre><code>${codeContent}</code></pre>`);
        codeBlockLines = [];
        isInCodeBlock = false;
        hasRenderedBlock = true;
      } else {
        flushList();
        flushPendingEmptyParagraphs();
        isInCodeBlock = true;
      }
      return;
    }