cherry-muse 1.0.1

package/src/core/hooks/Image.js

@@ -0,0 +1,276 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import SyntaxBase from '@/core/SyntaxBase';
+import { escapeHTMLSpecialCharOnce as $e, encodeURIOnce } from '@/utils/sanitize';
+import imgAltHelper from '@/utils/image';
+import { compileRegExp, isLookbehindSupported, NOT_ALL_WHITE_SPACES_INLINE } from '@/utils/regexp';
+import { replaceLookbehind } from '@/utils/lookbehind-replace';
+import UrlCache from '@/UrlCache';
+
+const replacerFactory = function (type, match, leadingChar, alt, link, title, posterContent, config, globalConfig) {
+  const refType = typeof link === 'undefined' ? 'ref' : 'url';
+  let attrs = '';
+  if (refType === 'ref') {
+    // TODO: 全局引用
+    return match;
+  }
+
+  if (refType === 'url') {
+    const extent = imgAltHelper.processExtendAttributesInAlt(alt);
+    let { extendStyles: style, extendClasses: classes } = imgAltHelper.processExtendStyleInAlt(alt);
+    if (style) {
+      style = ` style="${style}" `;
+    }
+    if (classes) {
+      classes = ` class="${classes}" `;
+    }
+    attrs = title && title.trim() !== '' ? ` title="${$e(title)}"` : '';
+    if (posterContent) {
+      attrs += ` poster="${encodeURIOnce(posterContent)}"`;
+    }
+
+    const processedURL = globalConfig.urlProcessor(link, type);
+    const defaultWrapper = `<${type} src="${UrlCache.set(
+      encodeURIOnce(processedURL),
+    )}"${attrs} ${extent} ${style} ${classes} controls="controls">${$e(alt || '')}</${type}>`;
+    return `${leadingChar}${config.videoWrapper ? config.videoWrapper(link) : defaultWrapper}`;
+  }
+  // should never happen
+  return match;
+};
+
+const replacerFileFactory = function (match, leadingChar, alt, link, title, posterContent, config, globalConfig) {
+  const fileIcon = {
+    file: 'draft', // 默认文件
+    'doc|docx|txt': 'description',
+    'xls|xlsx': 'table',
+    'ppt|pptx': 'video_file',
+    pdf: 'picture_as_pdf',
+    'jpg|jpeg|png|gif|bmp|tiff|svg': 'image', // 图像文件
+    'mp3|wav|aac|ogg|flac': 'audio_file', // 音频文件
+    'mp4|avi|mov|wmv|flv|mkv': 'movie', // 视频文件
+    'zip|rar|7z|tar.gz|gz': 'folder_zip', // 压缩文件
+    'exe|dmg|msi': 'memory', // Windows 可执行文件
+    'sh|json|xml|html|htm|css': 'code', // 编程语言和标记语言文件
+    apk: 'apk_document', // APK 文件
+  };
+
+  function getIcon(ext) {
+    // 将 fileIcon 的键转换为数组，每个元素是该键包含的扩展名数组
+    const extensionsMap = Object.entries(fileIcon).map(([key, value]) => ({
+      exts: key.split('|'),
+      icon: value,
+    }));
+
+    // 查找与给定扩展名匹配的图标
+    const match = extensionsMap.find(({ exts }) => exts.includes(ext));
+
+    // 如果找到匹配的图标，则返回它；否则返回默认图标
+    return match ? match.icon : fileIcon.file;
+  }
+
+  const refType = typeof link === 'undefined' ? 'ref' : 'url';
+  if (refType === 'ref') {
+    return match;
+  }
+  let titleInfo = alt;
+  if (!titleInfo) {
+    titleInfo = 'file|file';
+  }
+  const titleSplit = titleInfo.split('|');
+  const [name = 'file', ext = 'file', password = ''] = titleSplit;
+
+  return `<div class=" cherry-card cherry-file cherry-card-list-container">
+<a href="链接" target="_blank" class="cherry-card-item cherry-card-row-1" >
+        <span class="cherry-card-image material-symbols-outlined" >${getIcon(ext)}</span>
+        <div class="cherry-card-body ${password !== '' ? '' : 'cherry-no-desc'}">
+          <p class="cherry-card-title">${name}</p>
+          ${
+            password !== ''
+              ? `<p class="cherry-card-desc" ><span class="material-symbols-outlined" style="margin-right: 5px">lock_open</span> <span>${password}</span></p>`
+              : ''
+          }
+        </div>
+      </a>
+</div>`;
+};
+
+export default class Image extends SyntaxBase {
+  static HOOK_NAME = 'image';
+
+  constructor({ config, globalConfig }) {
+    super(null);
+    this.urlProcessor = globalConfig.urlProcessor;
+    // TODO: URL Validator
+    this.extendMedia = {
+      tag: ['video', 'audio', 'file'],
+      replacer: {
+        video(match, leadingChar, alt, link, title, poster) {
+          return replacerFactory('video', match, leadingChar, alt, link, title, poster, config, globalConfig);
+        },
+        audio(match, leadingChar, alt, link, title, poster) {
+          return replacerFactory('audio', match, leadingChar, alt, link, title, poster, config, globalConfig);
+        },
+        file(match, leadingChar, alt, link, title, poster) {
+          return replacerFileFactory(match, leadingChar, alt, link, title, poster, config, globalConfig);
+        },
+      },
+    };
+    this.RULE = this.rule(this.extendMedia);
+  }
+
+  toHtml(match, leadingChar, alt, link, title, ref, extendAttrs) {
+    // console.log(match, alt, link, ref, title);
+    const refType = typeof link === 'undefined' ? 'ref' : 'url';
+    let attrs = '';
+    if (refType === 'ref') {
+      // 全局引用，理应在CommentReference中被替换，没有被替换说明没有定义引用项
+      return match;
+    }
+    if (refType === 'url') {
+      const extent = imgAltHelper.processExtendAttributesInAlt(alt);
+      let { extendStyles: style, extendClasses: classes } = imgAltHelper.processExtendStyleInAlt(alt);
+      if (style) {
+        style = ` style="${style}" `;
+      }
+      if (classes) {
+        classes = ` class="${classes}" `;
+      }
+      attrs = title && title.trim() !== '' ? ` title="${$e(title.replace(/["']/g, ''))}"` : '';
+      let srcProp = 'src';
+      let srcValue;
+      const cherryOptions = this.$engine.$cherry.options;
+      if (cherryOptions.callback && cherryOptions.callback.beforeImageMounted) {
+        const imgAttrs = cherryOptions.callback.beforeImageMounted(srcProp, link);
+        srcProp = imgAttrs.srcProp || srcProp;
+        srcValue = imgAttrs.src || link;
+      }
+      const extendAttrStr = extendAttrs
+        ? extendAttrs
+            .replace(/[{}]/g, '')
+            .replace(/([^=\s]+)=([^\s]+)/g, '$1="$2"')
+            .replace(/&/g, '&amp;') // 对&多做一次转义，cherry现有的机制会自动把&amp;转成&，只有多做一次转义才能抵消cherry的机制
+        : '';
+      return `${leadingChar}<img ${srcProp}="${UrlCache.set(
+        encodeURIOnce(this.urlProcessor(srcValue, 'image')),
+      )}" ${extent} ${style} ${classes} alt="${$e(alt || '')}"${attrs} ${extendAttrStr}/>`;
+    }
+    // should never happen
+    return match;
+  }
+
+  toMediaHtml(match, leadingChar, mediaType, alt, link, title, ref, posterWrap, poster, ...args) {
+    if (!this.extendMedia.replacer[mediaType]) {
+      return match;
+    }
+    return this.extendMedia.replacer[mediaType].call(this, match, leadingChar, alt, link, title, poster, ...args);
+  }
+
+  makeHtml(str) {
+    let $str = str;
+    if (this.test($str)) {
+      if (isLookbehindSupported()) {
+        $str = $str.replace(this.RULE.reg, this.toHtml.bind(this));
+      } else {
+        $str = replaceLookbehind($str, this.RULE.reg, this.toHtml.bind(this), true, 1);
+      }
+    }
+    if (this.testMedia($str)) {
+      if (isLookbehindSupported()) {
+        $str = $str.replace(this.RULE.regExtend, this.toMediaHtml.bind(this));
+      } else {
+        $str = replaceLookbehind($str, this.RULE.regExtend, this.toMediaHtml.bind(this), true, 1);
+      }
+    }
+    return $str;
+  }
+
+  // afterMakeHtml(str) {
+  //   return UrlCache.restoreAll(str);
+  // }
+
+  testMedia(str) {
+    return this.RULE.regExtend && this.RULE.regExtend.test(str);
+  }
+
+  rule(extendMedia) {
+    const ret = {
+      // lookbehind启用分组是为了和不兼容lookbehind的场景共用一个回调
+      begin: isLookbehindSupported() ? '((?<!\\\\))!' : '(^|[^\\\\])!',
+      content: [
+        '\\[([^\\n]*?)\\]', // ?<alt>
+        '[ \\t]*', // any spaces
+        `${
+          '(?:' +
+          '\\(' +
+          '([^"][^\\s]+?)' + // ?<link> url
+          '(?:[ \\t]((?:".*?")|(?:\'.*?\')))?' + // ?<title> optional
+          '\\)' +
+          '|' + // or
+          '\\[('
+        }${NOT_ALL_WHITE_SPACES_INLINE})\\]` + // ?<ref> global ref
+          ')',
+      ].join(''),
+      end: '({[^{}]+?})?', // extend attrs e.g. {width=50 height=60}
+    };
+    if (extendMedia) {
+      const extend = { ...ret };
+      // TODO: 支持Lookbehind
+      extend.begin = isLookbehindSupported()
+        ? `((?<!\\\\))!(${extendMedia.tag.join('|')})`
+        : `(^|[^\\\\])!(${extendMedia.tag.join('|')})`;
+      extend.end = '({poster=(.*)})?';
+      ret.regExtend = compileRegExp(extend, 'g');
+    }
+    ret.reg = compileRegExp(ret, 'g');
+    return ret;
+  }
+  overlayMode() {
+    return {
+      inImageContainer: false,
+      inImageUrl: false,
+      name: 'image',
+      token(stream, state) {
+        // 检查行的开头是否有 ':::'
+
+        if (stream.match(/!(\w+)?\[.*?]\(.*?\)/)) {
+          stream.backUp(stream.current().length); // 回退以单独处理
+          this.inImageContainer = true;
+        }
+        if (this.inImageContainer) {
+          if (stream.peek() === '(') {
+            this.inImageUrl = true;
+          }
+          if (this.inImageUrl && stream.peek() === ')') {
+            this.inImageUrl = false;
+            this.inImageContainer = false;
+          }
+          if (stream.match('!') && !this.inImageUrl) {
+            return 'image-marker';
+          }
+          if (stream.match(/video|audio|file/) && stream.peek() === '[') {
+            return 'image-type';
+          }
+          if ((stream.match('#') || stream.match('|')) && !this.inImageUrl) {
+            return 'image-split';
+          }
+        }
+        stream.next();
+        return null; // 默认返回 null
+      },
+    };
+  }
+}

package/src/core/hooks/InlineCode.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import ParagraphBase from '@/core/ParagraphBase';
+import CodeBlock from './CodeBlock';
+import { compileRegExp } from '@/utils/regexp';
+
+export default class InlineCode extends ParagraphBase {
+  static HOOK_NAME = 'inlineCode';
+
+  // constructor() {
+  //     super();
+  // }
+
+  makeHtml(str) {
+    return str;
+  }
+
+  afterMakeHtml(str) {
+    let $str = str;
+    if (Object.keys(CodeBlock.inlineCodeCache).length > 0) {
+      $str = $str.replace(/~~CODE([0-9a-zA-Z]+)\$/g, (match, sign) => CodeBlock.inlineCodeCache[sign]);
+      CodeBlock.inlineCodeCache = {};
+    }
+    return $str;
+  }
+
+  rule() {
+    const ret = { begin: '(`+)[ ]*', end: '[ ]*\\1', content: '(.+?(?:\\n.+?)*?)' };
+    ret.reg = compileRegExp(ret, 'g');
+    return ret;
+  }
+}

package/src/core/hooks/InlineMath.js

@@ -0,0 +1,142 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import ParagraphBase from '@/core/ParagraphBase';
+import { getHTML } from '@/utils/dom';
+import { getTableRule, isLookbehindSupported } from '@/utils/regexp';
+import { replaceLookbehind } from '@/utils/lookbehind-replace';
+import { Theme } from '@/Theme';
+import Event from '../../Event';
+/**
+ * 行内公式的语法
+ * 虽然叫做行内公式，Cherry依然将其视为"段落级语法"，因为其具备排他性并且需要优先渲染
+ */
+export default class InlineMath extends ParagraphBase {
+  static HOOK_NAME = 'inlineMath';
+
+  constructor({ config }) {
+    super({ needCache: true });
+    // 非浏览器环境下配置为 node
+    const { MathJax, apiHost = 'https://math.vercel.app' } = config;
+    this.api = !MathJax && !window.MathJax;
+    this.apiHost = apiHost;
+    this.MathJax = MathJax || window.MathJax;
+    if (this.api) {
+      const that = this;
+      Event.on('Theme', 'change', function ([isDark]) {
+        const images = that.$engine.$cherry.wrapperDom.querySelectorAll('img.Cherry-Math-Latex-Inline');
+        console.log(images);
+        images.forEach(function (item) {
+          if (item instanceof HTMLImageElement) {
+            item.src = item.src.replace(isDark ? 'color=black' : 'color=white', isDark ? 'color=white' : 'color=black');
+          }
+        });
+      });
+    }
+  }
+
+  toHtml(wholeMatch, leadingChar, m1) {
+    if (!m1) {
+      return wholeMatch;
+    }
+
+    const linesArr = m1.match(/\n/g);
+    const lines = linesArr ? linesArr.length + 2 : 2;
+    const sign = this.$engine.md5(wholeMatch);
+
+    if (this.MathJax?.tex2svg) {
+      // MathJax渲染
+      const svg = getHTML(this.MathJax.tex2svg(m1, { em: 12, ex: 6, display: false }), true);
+      const result = `${leadingChar}<span class="Cherry-InlineMath" data-type="mathBlock" data-lines="${lines}">${svg}</span>`;
+      return this.pushCache(result, ParagraphBase.IN_PARAGRAPH_CACHE_KEY_PREFIX + sign);
+    }
+    const result = `<span class="Cherry-InlineMath " data-type="mathBlock" data-lines="${lines}"><img class="Cherry-Math-Latex-Inline" alt="latex" src="${
+      this.apiHost
+    }/?from=${encodeURIComponent(m1)}&color=${Theme.isDark() ? 'white' : 'black'}" /></span>`;
+
+    return this.pushCache(result, ParagraphBase.IN_PARAGRAPH_CACHE_KEY_PREFIX + sign);
+  }
+
+  beforeMakeHtml(str) {
+    let $str = str;
+    // 格里处理行内公式，让一个td里的行内公式语法生效，让跨td的行内公式语法失效
+    $str = $str.replace(getTableRule(true), (whole, ...args) => {
+      return whole
+        .split('|')
+        .map((oneTd) => {
+          return this.makeInlineMath(oneTd);
+        })
+        .join('|')
+        .replace(/\\~D/g, '~D') // 出现反斜杠的情况（如/$e=m^2$）会导致多一个反斜杠，这里替换掉
+        .replace(/~D/g, '\\~D');
+    });
+    return this.makeInlineMath($str);
+  }
+
+  makeInlineMath(str) {
+    if (!this.test(str)) {
+      return str;
+    }
+    if (isLookbehindSupported()) {
+      return str.replace(this.RULE.reg, this.toHtml.bind(this));
+    }
+    return replaceLookbehind(str, this.RULE.reg, this.toHtml.bind(this), true, 1);
+  }
+
+  makeHtml(str) {
+    return str;
+  }
+
+  rule() {
+    const ret = {
+      begin: isLookbehindSupported() ? '((?<!\\\\))~D\\n?' : '(^|[^\\\\])~D\\n?',
+      content: '(.*?)\\n?',
+      end: '~D',
+    };
+    ret.reg = new RegExp(ret.begin + ret.content + ret.end, 'g');
+    return ret;
+  }
+  overlayMode() {
+    return {
+      name: 'inlineMath',
+      inMath: false,
+      passLeftKey: false,
+      token(stream, state) {
+        // 检查行内数学公式
+        if (!this.inMath && stream.match(/\$.*?\$/)) {
+          this.inMath = true;
+          stream.backUp(stream.current().length);
+        }
+        if (this.inMath) {
+          if (stream.match(/\$/)) {
+            if (!this.passLeftKey) {
+              this.passLeftKey = true;
+            } else {
+              this.inMath = false;
+              this.passLeftKey = false;
+            }
+            return 'math-container';
+          }
+          if (stream.match(/.+?\$/)) {
+            stream.backUp(1);
+            return 'math-text';
+          }
+        }
+        stream.next();
+        return null;
+      },
+    };
+  }
+}

package/src/core/hooks/Link.js

@@ -0,0 +1,169 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import SyntaxBase from '@/core/SyntaxBase';
+import { escapeHTMLSpecialChar as _e, isValidScheme, encodeURIOnce } from '@/utils/sanitize';
+import { compileRegExp, isLookbehindSupported, NOT_ALL_WHITE_SPACES_INLINE } from '@/utils/regexp';
+import { replaceLookbehind } from '@/utils/lookbehind-replace';
+import UrlCache from '@/UrlCache';
+
+export default class Link extends SyntaxBase {
+  static HOOK_NAME = 'link';
+
+  constructor({ config, globalConfig }) {
+    super({ config });
+    this.urlProcessor = globalConfig.urlProcessor;
+    // eslint-disable-next-line no-nested-ternary
+    this.target = config.target ? `target="${config.target}"` : !!config.openNewPage ? 'target="_blank"' : '';
+    this.rel = config.rel ? `rel="${config.rel}"` : '';
+  }
+
+  /**
+   * 校验link中text的方括号是否符合规则
+   * @param {string} rawText
+   */
+  checkBrackets(rawText) {
+    const stack = [];
+    const text = `[${rawText}]`;
+    // 前方有奇数个\当前字符被转义
+    const checkEscape = (place) => text.slice(0, place).match(/\\*$/)[0].length & 1;
+    for (let i = text.length - 1; text[i]; i--) {
+      if (i === text.length - 1 && checkEscape(i)) break;
+      if (text[i] === ']' && !checkEscape(i)) stack.push(']');
+      if (text[i] === '[' && !checkEscape(i)) {
+        stack.pop();
+        if (!stack.length) {
+          return {
+            isValid: true,
+            coreText: text.slice(i + 1, text.length - 1),
+            extraLeadingChar: text.slice(0, i),
+          };
+        }
+      }
+    }
+    return {
+      isValid: false, // 方括号匹配不上
+      coreText: rawText,
+      extraLeadingChar: '',
+    };
+  }
+
+  /**
+   *
+   * @param {string} match 匹配的完整字符串
+   * @param {string} leadingChar 正则分组一：前置字符
+   * @param {string} text 正则分组二：链接文字
+   * @param {string|undefined} link 正则分组三：链接URL
+   * @param {string|undefined} title 正则分组四：链接title
+   * @param {string|undefined} ref 正则分组五：链接引用
+   * @param {string|undefined} target 正则分组六：新窗口打开
+   * @returns
+   */
+  toHtml(match, leadingChar, text, link, title, ref, target) {
+    const refType = typeof link === 'undefined' ? 'ref' : 'url';
+    let attrs = '';
+    if (refType === 'ref') {
+      // 全局引用，理应在CommentReference中被替换，没有被替换说明没有定义引用项
+      return match;
+    }
+
+    if (refType === 'url') {
+      const { isValid, coreText, extraLeadingChar } = this.checkBrackets(text);
+      if (!isValid) return match;
+      attrs = title && title.trim() !== '' ? ` title="${_e(title.replace(/["']/g, ''))}"` : '';
+      if (target) {
+        attrs += ` target="${target.replace(/{target\s*=\s*(.*?)}/, '$1')}"`;
+      } else {
+        // 检查是否为外部链接，非同源时默认使用_blank打开
+        const isExternalLink = link.startsWith('http') && !link.startsWith(window.location.origin);
+        if (isExternalLink) {
+          attrs += ' target="_blank"';
+        } else if (this.target) {
+          attrs += ` ${this.target}`;
+        }
+      }
+      if (attrs.includes('_blank')) {
+        attrs += ' rel="noopener noreferrer"';
+      }
+      let processedURL = link.trim().replace(/~1D/g, '~D'); // 还原替换的$符号
+      const processedText = coreText.replace(/~1D/g, '~D'); // 还原替换的$符号
+      // text可能是html标签，依赖htmlBlock进行处理
+      if (isValidScheme(processedURL)) {
+        processedURL = this.urlProcessor(processedURL, 'link');
+        processedURL = encodeURIOnce(processedURL);
+        return `${leadingChar + extraLeadingChar}<a href="${UrlCache.set(processedURL)}" ${
+          this.rel
+        } ${attrs}>${processedText}</a>`;
+      }
+      return `${leadingChar + extraLeadingChar}<span>${text}</span>`;
+    }
+    // should never happen
+    return match;
+  }
+
+  toStdMarkdown(match) {
+    return match;
+  }
+
+  makeHtml(str) {
+    let $str = str.replace(this.RULE.reg, (match) => {
+      return match.replace(/~D/g, '~1D');
+    });
+    if (isLookbehindSupported()) {
+      $str = $str.replace(this.RULE.reg, this.toHtml.bind(this));
+    } else {
+      $str = replaceLookbehind($str, this.RULE.reg, this.toHtml.bind(this), true, 1);
+    }
+    $str = $str.replace(this.RULE.reg, (match) => {
+      return match.replace(/~1D/g, '~D');
+    });
+    return $str;
+  }
+
+  rule() {
+    // (?<protocol>\\w+:)\\/\\/
+    const ret = {
+      // lookbehind启用分组是为了和不兼容lookbehind的场景共用一个回调
+      begin: isLookbehindSupported() ? '((?<!\\\\))' : '(^|[^\\\\])',
+      content: [
+        '\\[([^\\n]*?)\\]', // ?<text>
+        '[ \\t]*', // any spaces
+        `${
+          '(?:' +
+          '\\(' +
+          /**
+           * allow double quotes
+           * e.g.
+           * [link](") ⭕️ valid
+           * [link]("") ⭕️ valid
+           * [link](" ") ❌ invalid
+           */
+          '([^\\s)]+)' + // ?<link> url
+          '(?:[ \\t]((?:".*?")|(?:\'.*?\')))?' + // ?<title> optional
+          '\\)' +
+          '|' + // or
+          '\\[('
+        }${NOT_ALL_WHITE_SPACES_INLINE})\\]` + // ?<ref> global ref
+          ')',
+        '(\\{target\\s*=\\s*(_blank|_parent|_self|_top)\\})?',
+      ].join(''),
+      end: '',
+    };
+    // let ret = {begin:'((^|[^\\\\])\\*\\*|([\\s]|^)__)',
+    // end:'(\\*\\*([\\s\\S]|$)|__([\\s]|$))', content:'([^\\n]+?)'};
+    ret.reg = compileRegExp(ret, 'g');
+    return ret;
+  }
+}