cherry-muse 1.0.1

package/src/core/hooks/Size.js

@@ -0,0 +1,84 @@
+/**
+ * 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 { isLookbehindSupported } from '@/utils/regexp';
+import { replaceLookbehind } from '@/utils/lookbehind-replace';
+
+export default class Size extends SyntaxBase {
+  static HOOK_NAME = 'fontSize';
+
+  // constructor() {
+  //     super();
+  // }
+
+  toHtml(whole, m1, m2, m3) {
+    return `${m1}<span style="font-size:${m2}px;line-height:1em;">${m3}</span>`;
+  }
+
+  makeHtml(str) {
+    if (!this.test(str)) {
+      return str;
+    }
+
+    if (isLookbehindSupported()) {
+      return str.replace(this.RULE.reg, this.toHtml);
+    }
+    return replaceLookbehind(str, this.RULE.reg, this.toHtml, true, 1);
+  }
+
+  rule() {
+    const ret = {
+      begin: isLookbehindSupported() ? '((?<!\\\\))!' : '(^|[^\\\\])!',
+      end: '!',
+      content: '([0-9]{1,2})[\\s]([\\w\\W]*?)',
+    };
+    ret.reg = new RegExp(ret.begin + ret.content + ret.end, 'g');
+    return ret;
+  }
+
+  overlayMode() {
+    return {
+      name: 'size',
+      inSizeContainer: false,
+      countTotal: 0,
+      token(stream, state) {
+        // 尝试匹配规则
+        if (stream.match(/!\d+\s.*?!/)) {
+          stream.backUp(stream.current().length); // 回退以单独处理
+          this.inSizeContainer = true;
+          this.countTotal = 0;
+        }
+
+        if (this.inSizeContainer) {
+          if (stream.match('!')) {
+            this.countTotal += 1;
+            if (this.countTotal === 2) {
+              this.inSizeContainer = false;
+              this.countTotal = 0;
+            }
+            return 'size-container'; // 自定义样式类名
+          }
+          if (stream.match(/\d+/)) {
+            return 'size-number'; // 自定义样式类名
+          }
+        }
+
+        stream.next(); // 前进到下一个字符
+        return null; // 默认返回 null
+      },
+    };
+  }
+}

package/src/core/hooks/Strikethrough.js

@@ -0,0 +1,54 @@
+/**
+ * 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';
+/**
+ * 删除线语法
+ */
+export default class Strikethrough extends SyntaxBase {
+  static HOOK_NAME = 'strikethrough';
+
+  constructor({ config } = { config: undefined }) {
+    super({ config });
+    if (!config) {
+      return;
+    }
+    this.needWhitespace = !!config.needWhitespace;
+  }
+
+  /**
+   * 主要逻辑
+   * @param {string} str markdown源码
+   * @returns {string} html内容
+   */
+  makeHtml(str) {
+    if (!this.test(str)) {
+      return str;
+    }
+    return str.replace(this.RULE.reg, '$1<del>$2</del>');
+  }
+
+  rule({ config } = { config: undefined }) {
+    /** @type {import('~types/syntax').BasicHookRegexpRule} */
+    let ret = /** @type {any} */ ({});
+    if (!!config.needWhitespace) {
+      ret = { ...ret, begin: '(^|[\\s])\\~T\\~T', end: '\\~T\\~T(?=\\s|$)', content: '([\\w\\W]+?)' };
+    } else {
+      ret = { ...ret, begin: '(^|[^\\\\])\\~T\\~T', end: '\\~T\\~T', content: '([\\w\\W]+?)' };
+    }
+    ret.reg = new RegExp(ret.begin + ret.content + ret.end, 'g');
+    return ret;
+  }
+}

package/src/core/hooks/Sub.js

@@ -0,0 +1,47 @@
+/**
+ * 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 { isLookbehindSupported } from '@/utils/regexp';
+import { replaceLookbehind } from '@/utils/lookbehind-replace';
+
+export default class Sub extends SyntaxBase {
+  static HOOK_NAME = 'sub';
+
+  // constructor() {
+  //     super();
+  // }
+
+  toHtml(whole, leadingChar, m1) {
+    return `${leadingChar}<sub>${m1}</sub>`;
+  }
+
+  makeHtml(str) {
+    if (isLookbehindSupported()) {
+      return str.replace(this.RULE.reg, this.toHtml);
+    }
+    return replaceLookbehind(str, this.RULE.reg, this.toHtml, true, 1);
+  }
+
+  rule() {
+    const ret = {
+      begin: isLookbehindSupported() ? '((?<!\\\\))\\^\\^' : '(^|[^\\\\])\\^\\^',
+      end: '\\^\\^',
+      content: '([\\w\\W]+?)',
+    };
+    ret.reg = new RegExp(ret.begin + ret.content + ret.end, 'g');
+    return ret;
+  }
+}

package/src/core/hooks/SuggestList.js

@@ -0,0 +1,317 @@
+/**
+ * Tencent is pleased to support the open source community by making CherryMarkdown available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
+ * The below software in this distribution may have been modified by THL A29 Limited ("Tencent Modifications").
+ *
+ * All Tencent Modifications are Copyright (C) THL A29 Limited.
+ *
+ * CherryMarkdown is 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 { fuzzySearchKeysWithValues } from '@/core/hooks/Emoji';
+import { supportLanguages } from '@/core/hooks/CodeBlock';
+import { expandList } from '@/core/hooks/Suggester';
+
+const Brackets = [
+  {
+    key: '[ ]',
+    value: `[]`,
+    goLeft: 1,
+  },
+  {
+    key: '{ }',
+    value: `{}`,
+    goLeft: 1,
+  },
+  {
+    key: '【 】',
+    value: `[]`,
+    goLeft: 1,
+  },
+  {
+    key: '『  』',
+    value: `『』`,
+    goLeft: 1,
+  },
+  {
+    key: '「  」',
+    value: `「」`,
+    goLeft: 1,
+  },
+];
+/**
+ *
+ * @param {Suggester} suggester
+ * @returns
+ * */
+export const systemSuggests = [
+  {
+    keyword: ':',
+    data(keywords, callback, $cherry, key) {
+      if (!keywords.startsWith('::')) {
+        // 面板语法提示
+        callback(fuzzySearchKeysWithValues(keywords, $cherry.options.engine.syntax.emoji));
+        return;
+      }
+      const list = expandList($cherry, [
+        {
+          toolbar: 'panel',
+          keyword: '',
+        },
+      ]);
+      const result = [];
+      const keyword = keywords.replace('::', '').trim();
+      for (let i = 0; i < list.length; i++) {
+        const item = list[i];
+        const itemKey = item.keyword.replace('panel', '').toLowerCase().trim();
+        if (itemKey.startsWith(keyword)) {
+          item.goTop = 2;
+          result.push(item);
+        }
+      }
+      if (result.length > 0) {
+        callback(result);
+      }
+    },
+  },
+  {
+    keyword: '`', // 代码块
+    data(keywords, callback, $cherry, key) {
+      const startKey = '```';
+      const keyLength = startKey.length;
+      const totalKey = key + keywords;
+      if (totalKey.startsWith(startKey)) {
+        const languages = [];
+        const word = totalKey.substring(keyLength).trim();
+        for (let i = 0; i < supportLanguages.length; i++) {
+          const language = supportLanguages[i];
+          if (language === 'mermaid') continue;
+          if (language.startsWith(word)) {
+            languages.push({
+              key: language,
+              value: `\`\`\`${language}
+              
+\`\`\`
+`,
+              goTop: 2,
+            });
+          }
+        }
+        if (languages.length > 0) {
+          callback(languages);
+        } else {
+          for (const string of ['card', 'echarts', 'mermaid']) {
+            if (string.startsWith(word)) {
+              const list = expandList($cherry, [
+                {
+                  toolbar: string === 'mermaid' ? 'graph' : string,
+                  keyword: '',
+                  goTop: 2,
+                },
+              ]);
+              callback(list);
+            }
+          }
+        }
+      } else {
+        callback([
+          {
+            icon: 'code',
+            key: 'codeBlock',
+            keyword: '``',
+            value: `\`\`\`
+
+\`\`\`
+`,
+            goTop: 2,
+          },
+
+          {
+            key: 'code',
+            icon: 'code',
+            keyword: '`',
+            value: `\`\``,
+            goLeft: 1,
+          },
+        ]);
+      }
+    },
+  },
+  {
+    keyword: '[【',
+    data(keywords, callback, $cherry, key) {
+      const result = [];
+      let startKey = '[';
+      if (keywords.startsWith(startKey)) {
+        const list = expandList($cherry, [
+          {
+            toolbar: 'badge',
+            keyword: '',
+          },
+        ]);
+        const keyword = keywords.replace(startKey, '').trim();
+        for (let i = 0; i < list.length; i++) {
+          const item = list[i];
+          const itemKey = item.keyword.replace('badge', '').toLowerCase().trim();
+          if (itemKey.startsWith(keyword)) {
+            switch (itemKey) {
+              case 'important':
+                item.goLeft = 19;
+                break;
+              case 'info':
+                item.goLeft = 14;
+                break;
+              case 'warning':
+                item.goLeft = 17;
+                break;
+              case 'danger':
+                item.goLeft = 16;
+                break;
+              case 'tip':
+                item.goLeft = 13;
+                break;
+              case 'top':
+                item.goLeft = 11;
+                break;
+              case 'center':
+                item.goLeft = 14;
+                break;
+              case 'bottom':
+                item.goLeft = 14;
+                break;
+            }
+
+            result.push(item);
+          }
+        }
+        if ('toc'.startsWith(keyword)) {
+          result.push({
+            icon: 'toc',
+            key: 'toc',
+            keyword: 'toc',
+            value: `[[TOC]]\n`,
+            goLeft: 0,
+          });
+        }
+        if (result.length > 0) {
+          callback(result);
+        }
+        return;
+      }
+      startKey = '^';
+      if (keywords.startsWith(startKey)) {
+        callback([
+          {
+            icon: 'edit_note',
+            key: 'footNoteTitle',
+            keyword: '……^',
+            value: `[^脚注标题]`,
+            goLeft: 5,
+          },
+          {
+            icon: 'text_snippet',
+            key: 'footNoteText',
+            keyword: '……^',
+            value: `[^脚注标题]: 脚注内容`,
+            goLeft: 11,
+          },
+        ]);
+        return;
+      }
+      const list = expandList($cherry, [
+        {
+          toolbar: 'link',
+          keyword: '',
+        },
+      ]);
+      callback(list.concat(Brackets));
+    },
+  },
+  {
+    keyword: '+',
+    data(keywords, callback, $cherry, key) {
+      const result = [];
+      const list = [
+        {
+          icon: 'more_horiz',
+          key: 'detailOpen',
+          keyword: '+',
+          value: `++ 标题\n内容\n+++\n`,
+          goTop: 2,
+        },
+        {
+          icon: 'more_horiz',
+          key: 'detailClose',
+          keyword: '-',
+          value: `++- 标题\n内容\n+++\n`,
+          goTop: 2,
+        },
+      ];
+
+      for (const listElement of list) {
+        if (listElement.keyword.startsWith(keywords) || keywords === '') {
+          result.push(listElement);
+        }
+      }
+
+      callback(result);
+    },
+  },
+  {
+    keyword: '!',
+    data(keywords, callback, $cherry, key) {
+      const result = [];
+      const list = [
+        {
+          icon: 'image',
+          key: 'image',
+          keyword: '[',
+          value: `![描述#center](链接)`,
+          goLeft: 14,
+        },
+        {
+          icon: 'videocam',
+          key: 'video',
+          keyword: 'video',
+          value: `!video[描述](链接){poster=封面链接}`,
+          goLeft: 20,
+        },
+        {
+          icon: 'mic',
+          key: 'audio',
+          keyword: 'audio',
+          value: `!audio[描述](链接)`,
+          goLeft: 7,
+        },
+        {
+          icon: 'attach_file',
+          key: 'file',
+          keyword: 'file',
+          value: `!file[名称|拓展名|密码](链接)`,
+          goLeft: 14,
+        },
+      ];
+
+      for (const listElement of list) {
+        if (listElement.keyword.startsWith(keywords) || keywords === '') {
+          result.push(listElement);
+        }
+      }
+
+      callback(result);
+    },
+  },
+];