@diplodoc/transform 4.58.0 → 4.59.0

package/lib/plugins/inline-code/constant.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LANG_TOKEN_LABEL = exports.LANG_TOKEN_DESCRIPTION = exports.LANG_TOKEN = void 0;
+exports.LANG_TOKEN = {
+    ru: 'Скопировано',
+    en: 'Copied',
+    ar: 'تم النسخ',
+    cs: 'Zkopírováno',
+    fr: 'Copié',
+    es: 'Copiado',
+    he: 'הועתק',
+    bg: 'Копирано',
+    et: 'Kopeeritud',
+    el: 'Αντιγράφηκε',
+    pt: 'Copiado',
+    zh: '已复制',
+    'zh-tw': '已複製',
+    kk: 'Көшірілді',
+    tr: 'Kopyalandı',
+    uz: 'Nusxalandi',
+};
+exports.LANG_TOKEN_DESCRIPTION = {
+    ru: 'Чтобы скопировать текст внутри блока нажмите на блок',
+    en: 'To copy the text inside the block, click on the block',
+    ar: 'لنسخ النص داخل المربع، انقر على المربع',
+    cs: 'Chcete-li zkopírovat text uvnitř bloku, klikněte na blok',
+    fr: "Pour copier le texte à l'intérieur du bloc, cliquez sur le bloc",
+    es: 'Para copiar el texto dentro del bloque, haga clic en el bloque',
+    he: 'כדי להעתיק את הטקסט בתוך הבלוק, לחץ על הבלוק',
+    bg: 'За да копирате текста във блока, кликнете върху блока',
+    et: 'Teksti kopeerimiseks plokis klõpsake plokil',
+    el: 'Για να αντιγράψετε το κείμενο μέσα στο μπλοκ, κάντε κλικ στο μπλοκ',
+    pt: 'Para copiar o texto dentro do bloco, clique no bloco',
+    zh: '要复制块内的文本，请点击该块',
+    'zh-tw': '要複製區塊內的文字，請點擊該區塊',
+    kk: 'Блок ішіндегі мәтінді көшіру үшін блокты басыңыз',
+    tr: 'Blok içindeki metni kopyalamak için bloğa tıklayın',
+    uz: 'Blok ichidagi matnni nusxalash uchun blokni bosing',
+};
+exports.LANG_TOKEN_LABEL = {
+    ru: 'Блок кода',
+    en: 'Code block',
+    ar: 'كتلة التعليمات البرمجية',
+    cs: 'Blok kódu',
+    fr: 'Bloc de code',
+    es: 'Bloque de código',
+    he: 'בלוק קוד',
+    bg: 'Блок с код',
+    et: 'Koodiplokk',
+    el: 'Μπλοκ κώδικα',
+    pt: 'Bloco de código',
+    zh: '代码块',
+    'zh-tw': '代碼區塊',
+    kk: 'Код блогы',
+    tr: 'Kod bloğu',
+    uz: 'Kod bloki',
+};
+//# sourceMappingURL=constant.js.map

package/lib/plugins/inline-code/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../src/transform/plugins/inline-code/constant.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAyB;IAC5C,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,KAAK;IACT,OAAO,EAAE,KAAK;IACd,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACnB,CAAC;AAEW,QAAA,sBAAsB,GAAyB;IACxD,EAAE,EAAE,sDAAsD;IAC1D,EAAE,EAAE,uDAAuD;IAC3D,EAAE,EAAE,wCAAwC;IAC5C,EAAE,EAAE,0DAA0D;IAC9D,EAAE,EAAE,iEAAiE;IACrE,EAAE,EAAE,gEAAgE;IACpE,EAAE,EAAE,8CAA8C;IAClD,EAAE,EAAE,uDAAuD;IAC3D,EAAE,EAAE,6CAA6C;IACjD,EAAE,EAAE,oEAAoE;IACxE,EAAE,EAAE,sDAAsD;IAC1D,EAAE,EAAE,gBAAgB;IACpB,OAAO,EAAE,kBAAkB;IAC3B,EAAE,EAAE,kDAAkD;IACtD,EAAE,EAAE,oDAAoD;IACxD,EAAE,EAAE,oDAAoD;CAC3D,CAAC;AAEW,QAAA,gBAAgB,GAAyB;IAClD,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,yBAAyB;IAC7B,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,KAAK;IACT,OAAO,EAAE,MAAM;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAClB,CAAC"}

package/lib/plugins/inline-code/index.d.ts

@@ -0,0 +1,3 @@
+import { MarkdownItPluginCb } from '../../typings';
+declare const inlineCode: MarkdownItPluginCb;
+export = inlineCode;

package/lib/plugins/inline-code/index.js

@@ -0,0 +1,45 @@
+"use strict";
+const utils_1 = require("../utils");
+const constant_1 = require("./constant");
+const inlineCode = (md, options) => {
+    const lang = options.lang;
+    md.renderer.rules.code_inline = function (tokens, idx) {
+        var _a, _b;
+        const id = (0, utils_1.generateID)();
+        const description = (_a = constant_1.LANG_TOKEN_DESCRIPTION[lang]) !== null && _a !== void 0 ? _a : constant_1.LANG_TOKEN_DESCRIPTION.en;
+        const label = (_b = constant_1.LANG_TOKEN_LABEL[lang]) !== null && _b !== void 0 ? _b : constant_1.LANG_TOKEN_LABEL.en;
+        return `<code class="yfm-clipboard-inline-code" role="button" aria-label="${label}" aria-description="${description}" tabindex='0' id="${id}">${tokens[idx].content}</code>`;
+    };
+    md.core.ruler.after('inline', 'tooltip_code_inline', (state) => {
+        var _a;
+        const tokens = state.tokens;
+        for (let i = 0; i !== tokens.length; i++) {
+            const token = tokens[i];
+            if (token.type !== 'inline') {
+                continue;
+            }
+            if (!token.children || token.children.every((e) => e.type !== 'code_inline')) {
+                continue;
+            }
+            const child = token.children.find((e) => e.type === 'code_inline');
+            if (!child) {
+                return;
+            }
+            const dialog = new state.Token('tooltip_open', 'div', 1);
+            dialog.attrSet('class', 'yfm inline_code_tooltip');
+            dialog.attrSet('id', `tooltip_inline_clipboard_dialog`);
+            dialog.attrSet('role', 'dialog');
+            dialog.attrSet('aria-live', 'polite');
+            dialog.attrSet('aria-modal', 'true');
+            tokens.push(dialog);
+            const text = new state.Token('text', '', 0);
+            text.content = (_a = constant_1.LANG_TOKEN[lang]) !== null && _a !== void 0 ? _a : constant_1.LANG_TOKEN.en;
+            tokens.push(text);
+            const closeDialog = new state.Token('tooltip_close', 'div', -1);
+            tokens.push(closeDialog);
+            break;
+        }
+    });
+};
+module.exports = inlineCode;
+//# sourceMappingURL=index.js.map

package/lib/plugins/inline-code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/transform/plugins/inline-code/index.ts"],"names":[],"mappings":";AACA,oCAAoC;AAEpC,yCAAgF;AAEhF,MAAM,UAAU,GAAuB,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;IACnD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAE1B,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,GAAG,UAAU,MAAM,EAAE,GAAG;;QACjD,MAAM,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;QAExB,MAAM,WAAW,GAAG,MAAA,iCAAsB,CAAC,IAAI,CAAC,mCAAI,iCAAsB,CAAC,EAAE,CAAC;QAC9E,MAAM,KAAK,GAAG,MAAA,2BAAgB,CAAC,IAAI,CAAC,mCAAI,2BAAgB,CAAC,EAAE,CAAC;QAE5D,OAAO,qEAAqE,KAAK,uBAAuB,WAAW,sBAAsB,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,SAAS,CAAC;IACjL,CAAC,CAAC;IAEF,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,qBAAqB,EAAE,CAAC,KAAgB,EAAE,EAAE;;QACtE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAExB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACzB,SAAS;aACZ;YAED,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,EAAE;gBAC1E,SAAS;aACZ;YAED,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;YAEnE,IAAI,CAAC,KAAK,EAAE;gBACR,OAAO;aACV;YAED,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACzD,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,yBAAyB,CAAC,CAAC;YACnD,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,iCAAiC,CAAC,CAAC;YACxD,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACjC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACtC,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;YAErC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEpB,MAAM,IAAI,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAC5C,IAAI,CAAC,OAAO,GAAG,MAAA,qBAAU,CAAC,IAAI,CAAC,mCAAI,qBAAU,CAAC,EAAE,CAAC;YACjD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAElB,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YAChE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACzB,MAAM;SACT;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,iBAAS,UAAU,CAAC"}

package/lib/plugins.js

@@ -17,6 +17,7 @@ const file_1 = __importDefault(require("./plugins/file"));
 const imsize_1 = __importDefault(require("./plugins/imsize"));
 const term_1 = __importDefault(require("./plugins/term"));
 const block_anchor_1 = __importDefault(require("./plugins/block-anchor"));
+const inline_code_1 = __importDefault(require("./plugins/inline-code"));
 const defaultPlugins = [
     meta_1.default,
     deflist_1.default,
@@ -33,6 +34,7 @@ const defaultPlugins = [
     imsize_1.default,
     term_1.default,
     block_anchor_1.default,
+    inline_code_1.default,
 ];
 module.exports = defaultPlugins;
 //# sourceMappingURL=plugins.js.map

package/lib/plugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../src/transform/plugins.ts"],"names":[],"mappings":";;;;AAEA,0DAAkC;AAClC,gEAAwC;AACxC,wDAAgC;AAChC,4DAAoC;AACpC,gEAAwC;AACxC,0DAAkC;AAClC,0DAAkC;AAClC,wDAAgC;AAChC,4DAAoC;AACpC,oEAA4C;AAC5C,4DAAuC;AACvC,0DAAkC;AAClC,8DAAsC;AACtC,0DAAkC;AAClC,0EAAiD;AAEjD,MAAM,cAAc,GAAG;IACnB,cAAI;IACJ,iBAAO;IACP,aAAG;IACH,eAAK;IACL,iBAAO;IACP,cAAI;IACJ,cAAI;IACJ,aAAG;IACH,eAAK;IACL,mBAAS;IACT,eAAQ;IACR,cAAI;IACJ,gBAAM;IACN,cAAI;IACJ,sBAAW;CACU,CAAC;AAE1B,iBAAS,cAAc,CAAC"}
+{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../src/transform/plugins.ts"],"names":[],"mappings":";;;;AAEA,0DAAkC;AAClC,gEAAwC;AACxC,wDAAgC;AAChC,4DAAoC;AACpC,gEAAwC;AACxC,0DAAkC;AAClC,0DAAkC;AAClC,wDAAgC;AAChC,4DAAoC;AACpC,oEAA4C;AAC5C,4DAAuC;AACvC,0DAAkC;AAClC,8DAAsC;AACtC,0DAAkC;AAClC,0EAAiD;AACjD,wEAA+C;AAE/C,MAAM,cAAc,GAAG;IACnB,cAAI;IACJ,iBAAO;IACP,aAAG;IACH,eAAK;IACL,iBAAO;IACP,cAAI;IACJ,cAAI;IACJ,aAAG;IACH,eAAK;IACL,mBAAS;IACT,eAAQ;IACR,cAAI;IACJ,gBAAM;IACN,cAAI;IACJ,sBAAW;IACX,qBAAU;CACW,CAAC;AAE1B,iBAAS,cAAc,CAAC"}

package/lib/utils.d.ts

@@ -11,5 +11,6 @@ export declare function transformLinkToOriginalArticle(opts: {
     currentPath: string;
 }): string;
 export declare function getHrefTokenAttr(token: Token): string;
+export declare function getSrcTokenAttr(token: Token): string;
 export declare const PAGE_LINK_REGEXP: RegExp;
 export declare function defaultTransformLink(href: string): string;

package/lib/utils.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTransformLink = exports.PAGE_LINK_REGEXP = exports.getHrefTokenAttr = exports.transformLinkToOriginalArticle = exports.isExternalHref = exports.headingInfo = exports.findBlockTokens = exports.isLocalUrl = void 0;
+exports.defaultTransformLink = exports.PAGE_LINK_REGEXP = exports.getSrcTokenAttr = exports.getHrefTokenAttr = exports.transformLinkToOriginalArticle = exports.isExternalHref = exports.headingInfo = exports.findBlockTokens = exports.isLocalUrl = void 0;
 const url_1 = __importDefault(require("url"));
 function isLocalUrl(url) {
     return !/^(?:[a-z]+:)?\/\//i.test(url);
@@ -80,6 +80,16 @@ function getHrefTokenAttr(token) {
     return href;
 }
 exports.getHrefTokenAttr = getHrefTokenAttr;
+function getSrcTokenAttr(token) {
+    let src = token.attrGet('src') || '';
+    try {
+        // decodeURI can throw an error https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/URIError
+        src = decodeURI(src);
+    }
+    catch (e) { }
+    return src;
+}
+exports.getSrcTokenAttr = getSrcTokenAttr;
 exports.PAGE_LINK_REGEXP = /\.(md|ya?ml)$/i;
 function defaultTransformLink(href) {
     var _a;

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/transform/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/transform/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diplodoc/transform",
-  "version": "4.58.0",
+  "version": "4.59.0",
   "description": "A simple transformer of text in YFM (Yandex Flavored Markdown) to HTML",
   "keywords": [
     "markdown",

package/src/js/base.ts

@@ -1,3 +1,4 @@
 import './polyfill';
 import './code';
 import './anchor';
+import './inline-code';

package/src/js/code.ts

@@ -18,39 +18,45 @@ function notifySuccess(svgButton: HTMLElement | null) {
     icon.beginElement();
 }
 
+function buttonCopyFn(target: HTMLElement) {
+    const parent = target.parentNode;
+
+    if (!parent) {
+        return;
+    }
+
+    const code = parent.querySelector<HTMLElement>('pre code');
+    if (!code) {
+        return;
+    }
+
+    // Get all text nodes and filter out line numbers
+    const textContent = Array.from(code.childNodes)
+        .filter((node) => {
+            // Skip line number spans
+            if (node instanceof HTMLElement && node.classList.contains('yfm-line-number')) {
+                return false;
+            }
+            return true;
+        })
+        .map((node) => node.textContent)
+        .join('');
+
+    copyToClipboard(textContent).then(() => {
+        notifySuccess(parent.querySelector('.yfm-clipboard-icon'));
+    });
+}
+
 if (typeof document !== 'undefined') {
     document.addEventListener('click', (event) => {
         const target = getEventTarget(event) as HTMLElement;
 
-        if (isCustom(event) || !target.matches(BUTTON_SELECTOR)) {
-            return;
-        }
-
-        const parent = target.parentNode;
-
-        if (!parent) {
-            return;
-        }
+        const button = target.matches(BUTTON_SELECTOR);
 
-        const code = parent.querySelector<HTMLElement>('pre code');
-        if (!code) {
+        if (isCustom(event) || !button) {
             return;
         }
 
-        // Get all text nodes and filter out line numbers
-        const textContent = Array.from(code.childNodes)
-            .filter((node) => {
-                // Skip line number spans
-                if (node instanceof HTMLElement && node.classList.contains('yfm-line-number')) {
-                    return false;
-                }
-                return true;
-            })
-            .map((node) => node.textContent)
-            .join('');
-
-        copyToClipboard(textContent).then(() => {
-            notifySuccess(parent.querySelector('.yfm-clipboard-icon'));
-        });
+        buttonCopyFn(target);
     });
 }

package/src/js/inline-code/constant.ts

@@ -0,0 +1,3 @@
+export const INLINE_CODE = '.yfm-clipboard-inline-code';
+
+export const OPEN_CLASS = 'open';

package/src/js/inline-code/index.ts

@@ -0,0 +1,76 @@
+import {copyToClipboard, getEventTarget, isCustom} from '../utils';
+
+import {INLINE_CODE, OPEN_CLASS} from './constant';
+import {
+    closeTooltip,
+    getInlineCodeByTooltip,
+    getTooltipElement,
+    setTooltipPosition,
+    tooltipWorker,
+} from './utils';
+
+export function inlineCopyFn(target: HTMLElement) {
+    const innerText = target.innerText;
+
+    if (!innerText) {
+        return;
+    }
+
+    copyToClipboard(innerText).then(() => {
+        tooltipWorker(target);
+    });
+}
+
+if (typeof document !== 'undefined') {
+    document.addEventListener('click', (event) => {
+        const target = getEventTarget(event) as HTMLElement;
+
+        const inline = target.matches(INLINE_CODE);
+
+        if (isCustom(event) || !inline) {
+            return;
+        }
+
+        inlineCopyFn(target);
+    });
+
+    document.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' && document.activeElement) {
+            const activeElement = document.activeElement as HTMLElement;
+
+            const innerText = activeElement.innerText;
+
+            if (!innerText) {
+                return;
+            }
+
+            copyToClipboard(innerText).then(() => {
+                tooltipWorker(activeElement);
+            });
+        }
+
+        const inlineTooltip = getTooltipElement();
+
+        if (event.key === 'Escape' && inlineTooltip) {
+            closeTooltip(inlineTooltip);
+            getInlineCodeByTooltip(inlineTooltip)?.focus(); // Set focus back to open button after closing popup
+        }
+    });
+
+    window.addEventListener('resize', () => {
+        const inlineTooltip = getTooltipElement();
+        if (!inlineTooltip) {
+            return;
+        }
+
+        const inlineId = inlineTooltip.getAttribute('inline-id') || '';
+        const inlineCodeElement = document.getElementById(inlineId);
+
+        if (!inlineCodeElement) {
+            inlineTooltip.classList.toggle(OPEN_CLASS);
+            return;
+        }
+
+        setTooltipPosition(inlineTooltip, inlineCodeElement);
+    });
+}

package/src/js/inline-code/utils.ts

@@ -0,0 +1,190 @@
+import {getCoords} from '../term/utils';
+
+import {OPEN_CLASS} from './constant';
+
+export let timer: ReturnType<typeof setTimeout> | null = null;
+
+let isListenerNeeded = true;
+
+export function getTooltipElement(): HTMLElement | null {
+    return document.querySelector('.yfm-inline-code-tooltip');
+}
+
+function setTooltipAriaAttributes(tooltipElement: HTMLElement, targetElement: HTMLElement): void {
+    const ariaLive = targetElement.getAttribute('aria-live') || 'polite';
+    tooltipElement?.setAttribute('aria-live', ariaLive);
+    tooltipElement?.setAttribute('aria-modal', 'true');
+}
+
+function checkTimerAndClear() {
+    if (timer) {
+        clearTimeout(timer);
+        timer = null;
+    }
+}
+
+function tooltipParentElement(target: HTMLElement | null) {
+    if (!target) {
+        return null;
+    }
+
+    const closestScrollableParent = target.closest('table') || target.closest('code');
+
+    return closestScrollableParent || target.parentElement;
+}
+
+function tooltipOnResize() {
+    const openedDefinition = getTooltipElement();
+
+    if (!openedDefinition) {
+        return;
+    }
+    const inlineId = openedDefinition.getAttribute('inline-id') || '';
+    const targetElement = document.getElementById(inlineId);
+
+    if (!targetElement) {
+        return;
+    }
+
+    setTooltipPosition(openedDefinition, targetElement);
+}
+
+export function setTooltipPosition(tooltipElement: HTMLElement, targetElement: HTMLElement): void {
+    const {
+        x: inlineX,
+        y: inlineY,
+        right: inlineRight,
+        left: inlineLeft,
+        width: inlineWidth,
+        height: inlineHeight,
+    } = targetElement.getBoundingClientRect();
+
+    const tooltipParent = tooltipParentElement(targetElement);
+
+    if (!tooltipParent) {
+        return;
+    }
+
+    const {right: tooltipParentRight, left: tooltipParentLeft} =
+        tooltipParent.getBoundingClientRect();
+
+    if ((tooltipParentRight < inlineLeft || tooltipParentLeft > inlineRight) && !isListenerNeeded) {
+        closeTooltip(tooltipElement);
+        return;
+    }
+
+    if (isListenerNeeded && tooltipParent) {
+        tooltipParent.addEventListener('scroll', tooltipOnResize);
+        isListenerNeeded = false;
+    }
+
+    const relativeX = Number(tooltipElement.getAttribute('relativeX'));
+    const relativeY = Number(tooltipElement.getAttribute('relativeY'));
+
+    if (relativeX === inlineX && relativeY === inlineY) {
+        return;
+    }
+
+    tooltipElement.setAttribute('relativeX', String(inlineX));
+    tooltipElement.setAttribute('relativeY', String(inlineY));
+
+    const offsetTop = inlineHeight + 5;
+    const definitionParent = tooltipElement.parentElement;
+
+    if (!definitionParent) {
+        return;
+    }
+
+    const {width: definitionWidth} = tooltipElement.getBoundingClientRect();
+    const {left: definitionParentLeft} = definitionParent.getBoundingClientRect();
+
+    // If definition not fit document change base alignment
+    const definitionLeftCoordinate = Number(getCoords(targetElement).left);
+    const definitionRightCoordinate = definitionWidth + definitionLeftCoordinate;
+
+    const definitionOutOfScreenOnLeft = definitionLeftCoordinate - definitionWidth < 0;
+    const definitionOutOfScreenOnRight = definitionRightCoordinate > document.body.clientWidth;
+
+    const isAlignSwapped = definitionOutOfScreenOnRight || document.dir === 'rtl';
+    const fitDefinitionDocument =
+        isAlignSwapped && !definitionOutOfScreenOnLeft ? definitionWidth - inlineWidth : 0;
+    const customHeaderTop = getCoords(definitionParent).top - definitionParent.offsetTop;
+    const offsetRight = 5;
+    const shiftLeft = definitionOutOfScreenOnRight
+        ? definitionRightCoordinate - document.body.clientWidth + offsetRight
+        : 0;
+    const offsetLeft =
+        getCoords(targetElement).left -
+        definitionParentLeft +
+        definitionParent.offsetLeft -
+        fitDefinitionDocument;
+
+    const isShiftLeftNeeded = offsetLeft + definitionWidth >= document.body.clientWidth;
+
+    tooltipElement.style.top =
+        Number(getCoords(targetElement).top + offsetTop - customHeaderTop) + 'px';
+    tooltipElement.style.left = Number(offsetLeft - (isShiftLeftNeeded ? shiftLeft : 0)) + 'px';
+}
+
+export function getInlineCodeByTooltip(definition: HTMLElement) {
+    const inlineId = definition.getAttribute('inline-id');
+
+    return inlineId ? document.getElementById(inlineId) : null;
+}
+
+function closeTooltipFn(definition: HTMLElement) {
+    definition.classList.remove(OPEN_CLASS);
+    const inline = getInlineCodeByTooltip(definition);
+    const tooltipParent = tooltipParentElement(inline);
+
+    definition.removeAttribute('inline-id');
+
+    if (!tooltipParent) {
+        return;
+    }
+
+    tooltipParent.removeEventListener('scroll', tooltipOnResize);
+    isListenerNeeded = true;
+}
+
+export function openTooltip(target: HTMLElement) {
+    const tooltipElement = document.getElementById('tooltip_inline_clipboard_dialog');
+
+    if (!target.matches('.yfm-clipboard-inline-code') || !tooltipElement) {
+        return;
+    }
+
+    tooltipElement.setAttribute('inline-id', target.getAttribute('id') || '');
+    setTooltipAriaAttributes(tooltipElement, target);
+    setTooltipPosition(tooltipElement, target);
+
+    // In order not to get rid of the smooth appearance effect, I had to do this
+    if (tooltipElement.classList.contains(OPEN_CLASS)) {
+        tooltipElement.classList.remove(OPEN_CLASS);
+        requestAnimationFrame(() => {
+            tooltipElement.classList.add(OPEN_CLASS);
+        });
+    } else {
+        tooltipElement.classList.add(OPEN_CLASS);
+    }
+
+    return tooltipElement;
+}
+
+export function closeTooltip(target: HTMLElement) {
+    checkTimerAndClear();
+    closeTooltipFn(target);
+}
+
+export function tooltipWorker(target: HTMLElement) {
+    const definition = openTooltip(target);
+
+    if (!definition) {
+        return;
+    }
+    checkTimerAndClear();
+    timer = setTimeout(() => {
+        closeTooltip(definition);
+        timer = null;
+    }, 1000);
+}

package/src/js/term/utils.ts

@@ -172,7 +172,7 @@ export function closeDefinition(definition: HTMLElement) {
     isListenerNeeded = true;
 }
 
-function getCoords(elem: HTMLElement) {
+export function getCoords(elem: HTMLElement) {
     const box = elem.getBoundingClientRect();
 
     const body = document.body;

package/src/scss/_code.scss

@@ -38,5 +38,14 @@
         &-icon {
             pointer-events: none;
         }
+
+        &-inline-code {
+            transition: 0.3s;
+
+            &:hover {
+                cursor: pointer;
+                background-color: var(--yfm-color-code-background-hovered-private);
+            }
+        }
     }
 }

package/src/scss/_inline-code.scss

@@ -0,0 +1,59 @@
+.inline_code_tooltip {
+    position: absolute;
+    z-index: 100;
+
+    width: fit-content;
+    max-width: 450px;
+
+    @media screen and (max-width: 600px) {
+        & {
+            max-width: 80%;
+        }
+    }
+
+    visibility: hidden;
+    opacity: 0;
+
+    padding: 10px;
+
+    background-color: var(--yfm-color-term-dfn-background);
+
+    font-size: inherit;
+    line-height: inherit;
+    font-style: normal;
+
+    border-radius: 4px;
+
+    box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
+    outline: none;
+
+    &::before {
+        content: '';
+        position: absolute;
+        z-index: -1;
+        inset: 0;
+
+        border-radius: inherit;
+        box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
+    }
+
+    &.open {
+        visibility: visible;
+
+        animation-name: popup;
+        animation-duration: 0.1s;
+        animation-timing-function: ease-out;
+        animation-fill-mode: forwards;
+
+        @keyframes popup {
+            0% {
+                opacity: 0;
+                transform: translateY(10px);
+            }
+            100% {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+    }
+}

package/src/scss/_table.scss

@@ -30,3 +30,15 @@
     }
 }
 
+.yfm table {
+    thead {
+        position: sticky;
+        top: 0;
+
+        & th {
+            background-color: var(--yfm-color-table-row-header-background-primary);
+        }
+    }
+
+    max-height: 70vh;
+}

package/src/scss/_yfm-only.scss

@@ -9,3 +9,4 @@
 @import 'note';
 @import 'table';
 @import 'term';
+@import 'inline-code';

package/src/scss/brand.scss

@@ -15,6 +15,7 @@
     --yfm-color-inline-code: var(--yfm-color-inline-code-private);
     --yfm-color-inline-code-background: var(--yfm-color-inline-code-background-private);
     --yfm-color-code-background: var(--yfm-color-code-background-private);
+    --yfm-color-code-hovered-background: var(--yfm-color-code-hovered-background-private);
 
     --yfm-color-hljs-background: var(--yfm-color-hljs-background-private);
     --yfm-color-hljs-subst: var(--yfm-color-hljs-subst-private);