misc ref

Author: martyanovandrey

src/js/term.ts

@@ -1,7 +1,6 @@
 import {getEventTarget, isCustom} from './utils';
 
 const Selector = {
-    CUT: '.yfm .yfm-term',
     TITLE: '.yfm .yfm-term_title',
     CONTENT: '.yfm .yfm-term_dfn',
 };

src/scss/_term.scss

@@ -14,24 +14,28 @@
 
     &_dfn {
         position: absolute;
-        top: 25px;
-        left: 0;
         z-index: 1000;
 
         max-width: 450px;
         width: max-content;
 
+        visibility: hidden;
+        opacity: 0;
+
         padding: 10px;
 
-        border-radius: 4px;
         background-color: rgb(255, 255, 255);
-        visibility: hidden;
-        opacity: 0;
-        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
-        outline: none;
 
+        color: rgba(0, 0, 0, 0.85);
+        font-size: 14px;
+        line-height: 20px;
         font-style: normal;
 
+        border-radius: 4px;
+
+        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+        outline: none;
+
         &::before {
             content: '';
             position: absolute;

src/transform/plugins/code.ts

@@ -62,14 +62,15 @@ function termReplace(str: string, env: EnvTerm): string {
             `<i class="yfm yfm-term_title" term-key=":${p3}" id="${generateID()}">${p1}</i>`,
     );
 
-    return termCode;
+    return termCode || str;
 }
 
 const code: MarkdownItPluginCb = (md) => {
     const superCodeRenderer = md.renderer.rules.fence;
     md.renderer.rules.fence = function (tokens, idx, options, env, self) {
         const superCode = superCodeRenderer?.(tokens, idx, options, env, self);
-        const superCodeWithTerms = superCode && termReplace(superCode, env);
+        const superCodeWithTerms =
+            superCode && env?.terms?.length ? termReplace(superCode, env) : superCode;
 
         return wrapInClipboard(superCodeWithTerms, idx);
     };

test/term.test.ts

@@ -19,12 +19,12 @@ const transformYfm = (text: string, path?: string) => {
     return html;
 };
 
-function clearRandomId(str: string) {
+const clearRandomId = (str: string) => {
     const clearRandomId = new RegExp(/<([i\s]+).*?id="([^"]*?)".*?>(.+?)/, 'g');
     const randomId = clearRandomId.exec(str);
 
     return randomId ? str.replace(randomId[2], '') : str;
-}
+};
 
 describe('Terms', () => {
     test('Should create term in text with definition template', () => {