packages/markdown-support/src/codeblock.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

import { visit } from 'unist-util-visit';

/**  */
export function remarkCodeBlock() {
  const visitor = (node: any) => {
    const { data, meta } = node;
    let lang = node.lang || 'html'; // default to html matches GFM behavior.

    let currentClassName = data?.hProperties?.class ?? '';
    node.data = node.data || {};
    node.data.hProperties = node.data.hProperties || {};
    node.data.hProperties = { ...node.data.hProperties, class: `language-${lang} ${currentClassName}`.trim(), lang, meta };

    return node;
  };
  return () => (tree: any) => visit(tree, 'code', visitor);
}

/**  */
export function rehypeCodeBlock() {
  const escapeCode = (code: any) => {
    code.children = code.children.map((child: any) => {
      if (child.type === 'text') {
        return { ...child, value: child.value.replace(/\{/g, '&#123;') };
      }
      return child;
    });
  };
  const visitor = (node: any) => {
    if (node.tagName === 'code') {
      escapeCode(node);
      return;
    }

    if (node.tagName !== 'pre') return;
    const code = node.children[0];
    if (code.tagName !== 'code') return;
    node.properties = { ...code.properties };

    return node;
  };
  return () => (tree: any) => visit(tree, 'element', visitor);
}