docsify/src/plugins/gitalk.js

A magical documentation generator.

const window = /** @type {any} */ (globalThis);

function install(hook) {
  const dom = Docsify.dom;

  hook.mounted(_ => {
    const div = dom.create('div');
    div.id = 'gitalk-container';
    const main = dom.getNode('#main');
    div.style = `width: ${main.clientWidth}px; margin: 0 auto 20px;`;
    dom.appendTo(dom.find('.content'), div);
  });

  hook.doneEach(_ => {
    const el = /** @type {HTMLElement} */ (
      document.getElementById('gitalk-container')
    );
    while (el.hasChildNodes()) {
      el.removeChild(/** @type {Node} */ (el.firstChild));
    }

    window.gitalk.render('gitalk-container');
  });
}

window.$docsify = window.$docsify || {};
window.$docsify.plugins = [install, ...(window.$docsify.plugins || [])];

export {};