@cherry-markdown/cherry-markdown-dev 0.9.0-dev.202504110650.834443a → 0.9.0-dev.202504160300.d23d141

package/src/toolbars/hooks/Link.js

@@ -1,49 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { CONTROL_KEY, getKeyCode } from '@/utils/shortcutKey';
-/**
- * 插入超链接
- */
-export default class Link extends MenuBase {
-  /**
-   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
-   */
-  constructor($cherry) {
-    super($cherry);
-    this.setName('link', 'link');
-    this.shortcutKeyMap = {
-      [`${CONTROL_KEY}-${getKeyCode('l')}`]: {
-        hookName: this.name,
-        aliasName: this.$cherry.locale[this.name],
-      },
-    };
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    // 插入图片，调用上传文件逻辑
-    if (/^http/.test(selection)) {
-      return `[${this.locale.link}](${selection})`;
-    }
-    const title = selection ? selection : this.locale.link;
-    return `[${title}](http://url.com) `;
-  }
-}

package/src/toolbars/hooks/List.js

@@ -1,55 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { getSelection } from '@/utils/selection';
-import { getListFromStr } from '@/utils/regexp';
-/**
- * 插入有序/无序/checklist列表的按钮
- */
-export default class List extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('list', 'list');
-    this.subMenuConfig = [
-      { iconName: 'ol', name: 'ol', onclick: this.bindSubClick.bind(this, '1') },
-      { iconName: 'ul', name: 'ul', onclick: this.bindSubClick.bind(this, '2') },
-      { iconName: 'checklist', name: 'checklist', onclick: this.bindSubClick.bind(this, '3') },
-    ];
-  }
-
-  getSubMenuConfig() {
-    return this.subMenuConfig;
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 编辑区选中的文本内容
-   * @param {1|2|3|'ol'|'1'|'2'|'3'|'ul'|'checklist'|''} shortKey 快捷键：ol(1)有序列表，ul(2)无序列表，checklist(3) 检查项
-   * @returns 对应markdown的源码
-   */
-  onClick(selection, shortKey = '') {
-    const listType = [null, 'ol', 'ul', 'checklist']; // 下标1, 2, 3生效
-    const $selection = getSelection(this.editor.editor, selection, 'line', true);
-    const [before] = $selection.match(/^\n*/);
-    const [after] = $selection.match(/\n*$/);
-    const type = listType[shortKey] ? listType[shortKey] : shortKey;
-
-    if (!type || !/^(ol|ul|checklist)$/.test(type)) {
-      return $selection;
-    }
-    return `${before}${getListFromStr($selection, type)}${after}`;
-  }
-}

package/src/toolbars/hooks/MobilePreview.js

@@ -1,44 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-/**
- * 预览区域切换到“移动端视图”的按钮
- */
-export default class MobilePreview extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.previewer = $cherry.previewer;
-    this.updateMarkdown = false;
-    this.setName('mobilePreview', 'phone');
-  }
-
-  /**
-   * 响应点击事件
-   * 因为是预览区域的按钮，所以不用关注编辑区的选中内容
-   */
-  onClick() {
-    this.previewer.removeScroll();
-    // TODO：是否可以只通过修改外层class的方式来实现移动端预览效果的展示，而不是增加删除dom结构的方式
-    const previewerDom = this.previewer.getDomContainer();
-    if (this.previewer.isMobilePreview) {
-      previewerDom.parentNode.innerHTML = previewerDom.innerHTML;
-    } else {
-      previewerDom.innerHTML = `<div class='cherry-mobile-previewer-content'>${previewerDom.innerHTML}</div>`;
-    }
-    this.previewer.isMobilePreview = !this.previewer.isMobilePreview;
-    this.previewer.bindScroll();
-  }
-}

package/src/toolbars/hooks/Ol.js

@@ -1,41 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { getSelection } from '@/utils/selection';
-import { getListFromStr } from '@/utils/regexp';
-
-/**
- * 下标的按钮
- **/
-export default class Ol extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('ol', 'ol');
-  }
-
-  /**
-   *
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const $selection = getSelection(this.editor.editor, selection, 'line', true) || 'Item 1\n    Item 1.1\nItem 2';
-    const [before] = $selection.match(/^\n*/);
-    const [after] = $selection.match(/\n*$/);
-    return `${before}${getListFromStr($selection, 'ol')}${after}`;
-  }
-}

package/src/toolbars/hooks/Panel.js

@@ -1,140 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { getPanelRule } from '@/utils/regexp';
-import { getSelection } from '@/utils/selection';
-/**
- * 插入面板
- */
-export default class Panel extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('panel', 'tips');
-    this.panelRule = getPanelRule().reg;
-    this.subMenuConfig = [
-      {
-        iconName: 'tips',
-        name: 'tips',
-        onclick: this.bindSubClick.bind(this, 'primary'),
-      },
-      {
-        iconName: 'info',
-        name: 'info',
-        onclick: this.bindSubClick.bind(this, 'info'),
-      },
-      {
-        iconName: 'warning',
-        name: 'warning',
-        onclick: this.bindSubClick.bind(this, 'warning'),
-      },
-      {
-        iconName: 'danger',
-        name: 'danger',
-        onclick: this.bindSubClick.bind(this, 'danger'),
-      },
-      {
-        iconName: 'success',
-        name: 'success',
-        onclick: this.bindSubClick.bind(this, 'success'),
-      },
-    ];
-  }
-
-  /**
-   * 从字符串中找打面板的name
-   * @param {string} str
-   * @returns {string | false}
-   */
-  $getNameFromStr(str) {
-    let ret = false;
-    this.panelRule.lastIndex = 0;
-    str.replace(this.panelRule, (match, preLines, name, content) => {
-      const $name = /\s/.test(name.trim()) ? name.trim().replace(/\s.*$/, '') : name;
-      ret = $name ? $name.trim().toLowerCase() : '';
-      return match;
-    });
-    return ret;
-  }
-
-  $getTitle(str) {
-    this.panelRule.lastIndex = 0;
-    str.replace(this.panelRule, (match, preLines, name, content) => {
-      const $name = name.trim();
-      return /\s/.test($name) ? $name.replace(/[^\s]+\s/, '') : '';
-    });
-    return '';
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    let $selection = getSelection(this.editor.editor, selection, 'line', true) || '内容';
-    let currentName = this.$getNameFromStr($selection);
-    let title = this.$getTitle($selection);
-    if (currentName === false) {
-      // 如果没有命中面板语法，则尝试扩大选区
-      this.getMoreSelection('::: ', '\n', () => {
-        const newSelection = this.editor.editor.getSelection();
-        const isMatch = this.$getNameFromStr(newSelection);
-        if (isMatch !== false) {
-          $selection = newSelection;
-          currentName = isMatch;
-          title = this.$getTitle(newSelection);
-        }
-        return isMatch !== false;
-      });
-    }
-    if (currentName !== false) {
-      // 如果命中了面板语法，则尝试去掉语法或者变更语法
-      if (currentName === shortKey) {
-        // 去掉面板语法
-        this.panelRule.lastIndex = 0;
-        return $selection.replace(this.panelRule, (match, preLines, name, content) => {
-          const $name = name.trim();
-          const $title = /\s/.test($name) ? $name.replace(/[^\s]+\s/, '') : '';
-          return `${$title}\n${content}`;
-        });
-      }
-      // 修改name
-      this.registerAfterClickCb(() => {
-        this.setLessSelection('::: ', '\n');
-      });
-      this.panelRule.lastIndex = 0;
-      return $selection.replace(this.panelRule, (match, preLines, name, content) => {
-        const $name = name.trim();
-        const $title = /\s/.test($name) ? $name.replace(/[^\s]+\s/, '') : '';
-        return `::: ${shortKey} ${$title}\n${content.replace(/\n+$/, '')}\n:::`;
-      });
-    }
-    this.registerAfterClickCb(() => {
-      this.setLessSelection('::: ', '\n');
-    });
-    $selection = $selection.replace(/^\n+/, '');
-    if (/\n/.test($selection)) {
-      if (!title) {
-        title = $selection.replace(/\n[\w\W]+$/, '');
-        $selection = $selection.replace(/^[^\n]+\n/, '');
-      }
-    } else {
-      title = title ? title : '标题';
-    }
-    return `::: ${shortKey} ${title}\n${$selection}\n:::`.replace(/\n{2,}:::/g, '\n:::');
-  }
-}

package/src/toolbars/hooks/Pdf.js

@@ -1,78 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { handleUpload, handleUploadMulti } from '@/utils/file';
-/**
- * 插入pdf
- */
-export default class Pdf extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('pdf', 'pdf');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const accept = this.$cherry.options?.fileTypeLimitMap?.pdf ?? '*';
-    const multiple = this.$cherry?.options.multipleFileSelection?.pdf ?? false;
-    if (multiple) {
-      if (this.hasCacheOnce()) {
-        const arr = this.getAndCleanCacheOnce();
-        let res = '';
-        // @ts-ignore
-        for (const { url, params } of arr) {
-          const begin = '[';
-          const end = `](${url})`;
-          this.registerAfterClickCb(() => {
-            this.setLessSelection(begin, end);
-          });
-          const finalName = params.name ? params.name : name;
-          res += `${begin}${finalName}${end}\n`;
-        }
-        return res;
-      }
-      // 插入图片，调用上传文件逻辑
-      handleUploadMulti(this.editor, 'pdf', accept, (arr) => {
-        this.setCacheOnce(arr);
-        this.fire(null);
-      });
-      this.updateMarkdown = false;
-      return selection;
-    }
-    if (this.hasCacheOnce()) {
-      // @ts-ignore
-      const { name, url, params } = this.getAndCleanCacheOnce();
-      const begin = '[';
-      const end = `](${url})`;
-      this.registerAfterClickCb(() => {
-        this.setLessSelection(begin, end);
-      });
-      const finalName = params.name ? params.name : name;
-      return `${begin}${finalName}${end}`;
-    }
-    // 插入图片，调用上传文件逻辑
-    handleUpload(this.editor, 'pdf', accept, (name, url, params) => {
-      this.setCacheOnce({ name, url, params });
-      this.fire(null);
-    });
-    this.updateMarkdown = false;
-    return selection;
-  }
-}

package/src/toolbars/hooks/Publish.js

@@ -1,123 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { isBrowser } from '@/utils/env';
-import platformTransform from '@/utils/platformTransform';
-
-/** @typedef {import('../../../types/cherry').SupportPlatform} SupportPlatform */
-
-/** @type {Array<SupportPlatform>} */
-const supportPlatforms = ['wechat'];
-
-export default class Publish extends MenuBase {
-  /**
-   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
-   */
-  constructor($cherry) {
-    super($cherry);
-    this.previewer = $cherry.previewer;
-    this.updateMarkdown = false;
-    this.setName('publish', 'copy');
-    const publishConfigs = $cherry?.options?.toolbars?.config?.publish || [];
-    const keys = publishConfigs.map((config) => {
-      if (!Object.prototype.hasOwnProperty.call(config, 'key')) {
-        throw new Error('publish config must have key');
-      }
-      // @ts-ignore
-      if (!supportPlatforms.includes(config.key)) {
-        throw new Error(`publish config key must be one of ${supportPlatforms.join(',')}`);
-      }
-      return config.key;
-    });
-    if (new Set(keys).size !== keys.length) {
-      throw new Error('publish config key must be unique');
-    }
-    this.subMenuConfig = publishConfigs.map((config) => {
-      /** @type {import('../MenuBase').SubMenuConfigItem}*/
-      const subMenuConfig = {
-        name: config.name,
-        iconName: config.iconName,
-        icon: config.icon,
-        onclick: this.bindSubClick.bind(this, config),
-      };
-      return subMenuConfig;
-    });
-  }
-
-  /**
-   * 子菜单点击事件
-   * @param {string} selection 编辑器中选中的内容
-   * @param {import('../../../types/cherry').CherryPublishToolbarOption} shortcut 子菜单配置项
-   */
-  onClick(selection, shortcut) {
-    if (!isBrowser()) return;
-    const { previewerDom } = this.$cherry.previewer.options;
-    const title = previewerDom?.querySelector('h1')?.innerText ?? '';
-    const { key, serviceUrl, injectPayload } = shortcut;
-    const execute = async () => {
-      let injectPayloadResult = {};
-      if (typeof injectPayload === 'function') {
-        injectPayloadResult = await injectPayload();
-      } else if (typeof injectPayload === 'object' && injectPayload !== null) {
-        injectPayloadResult = injectPayload;
-      }
-      const style = this.getAllStyleSheets();
-      const html = await platformTransform(previewerDom?.outerHTML ?? '', key);
-      const res = await fetch(`${serviceUrl}/publish`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          target: key,
-          contentType: 'html',
-          needInlineStyle: true,
-          articles: [
-            {
-              title,
-              content: html + style,
-              ...injectPayloadResult,
-            },
-          ],
-        }),
-      });
-      const publishRes = await res.json();
-      if (publishRes?.code === 0) {
-        alert('发布成功');
-      } else {
-        alert(`错误码：${publishRes?.code} 错误信息：${publishRes?.msg}`);
-      }
-    };
-    execute();
-  }
-
-  /**
-   * 获取所有的样式表
-   * @returns {string}
-   */
-  getAllStyleSheets() {
-    const allSheets = Array.from(document.styleSheets).filter((item) => item.cssRules[0]);
-    // 每一条styleSheet用一个style标签包裹
-    return allSheets
-      .map(
-        (cssStyleSheet) =>
-          `<style>${Array.from(cssStyleSheet.cssRules)
-            .map((cssRule) => cssRule.cssText)
-            .join('')}</style>`,
-      )
-      .join('');
-  }
-}

package/src/toolbars/hooks/QuickTable.js

@@ -1,43 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-/**
- * 插入“简单表格”的按钮
- * 所谓简单表格，是源于[TAPD](https://tapd.cn) wiki应用里的一种表格语法
- * 该表格语法不是markdown通用语法，请慎用
- */
-export default class QuickTable extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('quickTable', 'table');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 编辑器里选中的内容
-   * @param {string} shortKey 本函数不处理快捷键
-   * @returns
-   */
-  onClick(selection, shortKey = '') {
-    // TODO：可以尝试解析下selection里的内容，按\s、\t区分列，按\n区分行
-    return (
-      `${selection}| LeftAlignedCol | CenterAlignedCol | RightAlignedCol |\n` +
-      '| :--- | :---: | ---: |\n' +
-      '| sampleText | sampleText | sampleText |\n' +
-      '| **left**Text | centered Text | *right*Text |\n'
-    );
-  }
-}

package/src/toolbars/hooks/Quote.js

@@ -1,45 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-import { getSelection } from '@/utils/selection';
-/**
- * 插入“引用”的按钮
- */
-export default class Quote extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('quote', 'blockquote');
-  }
-
-  /**
-   * click handler
-   * @param {string} selection selection in editor
-   * @returns
-   */
-  onClick(selection) {
-    const $selection = getSelection(this.editor.editor, selection, 'line', true) || this.locale.quote;
-    const isWrapped = $selection.split('\n').every((text) => /^\s*>[^\n]+$/.exec(text));
-    if (isWrapped) {
-      // 去掉>号
-      return $selection.replace(/(^\s*)>\s*([^\n]+)($)/gm, '$1$2$3').replace(/\n+$/, '\n\n');
-    }
-    this.registerAfterClickCb(() => {
-      this.setLessSelection('> ', '');
-    });
-    // 给每一行增加>号
-    return $selection.replace(/(^)([^\n]+)($)/gm, '$1> $2$3').replace(/\n+$/, '\n\n');
-  }
-}

package/src/toolbars/hooks/Redo.js

@@ -1,33 +0,0 @@
-/**
- * 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 MenuBase from '@/toolbars/MenuBase';
-/**
- * 撤销/重做 里的“重做”按键
- * 依赖codemirror的undo接口
- */
-export default class Redo extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('redo', 'redo');
-  }
-
-  /**
-   * 直接调用codemirror的redo方法就好了
-   */
-  onClick() {
-    this.editor.editor.redo();
-  }
-}