@diplodoc/transform/src/transform/plugins/inline-code/index.ts

A simple transformer of text in YFM (Yandex Flavored Markdown) to HTML

import type {MarkdownItPluginCb} from '../../typings';

import {escapeHtml} from 'markdown-it/lib/common/utils';

import {generateID} from '../utils';

import {LANG_TOKEN_DESCRIPTION, LANG_TOKEN_LABEL} from './constant';

const inlineCode: MarkdownItPluginCb = (md, options) => {
    const lang = options.lang;

    md.renderer.rules.code_inline = function (tokens, idx) {
        const id = generateID();

        const description = LANG_TOKEN_DESCRIPTION[lang] ?? LANG_TOKEN_DESCRIPTION.en;
        const label = LANG_TOKEN_LABEL[lang] ?? LANG_TOKEN_LABEL.en;

        return `<code class="yfm-clipboard-inline-code" role="button" aria-label="${label}" aria-description="${description}" tabindex='0' id="inline-code-id-${id}">${escapeHtml(tokens[idx].content)}</code>`;
    };
};

export = inlineCode;