src/rehype/admonition-title-to-heading-after-toc.js


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';
import {inspect} from 'unist-util-inspect';

const plugin = (options) => {
  const transformer = async (ast) => {
    let hId = null;
    let hContent = null;
    visit(ast, 'element', (node, index, parent) => {
      if (/^h[2-6]$/.test(node.tagName) && node.properties && node.properties.id) {
        // H要素（h2~h6）を見つけた場合
        
        // IDとタイトルの冒頭Text部を取得する
        hId = node.properties.id;
        hContent = node.children ? node.children[0].value :
          node.children[0].children[0] ? node.children[0].children[0].value : '';

        // 続くAdmonitionを探す（docはH要素とadmonitionが連続しているが
        // blogではなぜか改行要素{ type:'text', value:'\n' }が間に入っているので念のため隣接3要素を探す
        for (let i = index + 1; i < index + 4 && i < parent.children.length; i++) {
          if(parent.children[i] && parent.children[i].tagName === 'admonition') {
            // admonition（div）を見つけた場合
            const admonitionNode = parent.children[i];
            
            // admonitionタイトルの冒頭Text部分を取得（properties.titleもしくはchildren[0].children[0].value）
            const admonitionNodeTitle = admonitionNode.properties.title ? admonitionNode.properties.title :
              admonitionNode.children[0] && admonitionNode.children[0].children[0] ? admonitionNode.children[0].children[0].value : '';

            if(/^##/.test(admonitionNodeTitle) && admonitionNodeTitle.replace(/^#+/, '').trim() === hContent.trim()) {
              // #で始まっていて、タイトル冒頭部が同じ場合
              // divのidをHタグのidに設定
              admonitionNode.properties.id = hId;
              // H要素を削除
              parent.children.splice(index, 1);
            }
          }
        }
      }
    });
  };
  return transformer;
};

export default plugin;