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

package/src/toolbars/hooks/Br.js

@@ -1,34 +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 Br extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('br', 'br');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    return `${selection}<br>`;
-  }
-}

package/src/toolbars/hooks/ChangeLocale.js

@@ -1,62 +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 ChangeLocale extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.noIcon = true;
-    const defaultLocaleList = [
-      {
-        locale: 'zh_CN',
-        name: '中文',
-      },
-      {
-        locale: 'en_US',
-        name: 'English',
-      },
-      {
-        locale: 'ru_RU',
-        name: 'Русский',
-      },
-    ];
-    this.changeLocale = $cherry?.options?.toolbars?.config?.changeLocale || defaultLocaleList;
-    this.subMenuConfig = [];
-    this.nameMap = {};
-    for (let i = 0; i < this.changeLocale.length; i++) {
-      const { locale, name } = this.changeLocale[i];
-      this.subMenuConfig.push({
-        iconName: locale,
-        name,
-        onclick: this.bindSubClick.bind(this, locale),
-      });
-      this.nameMap[locale] = name;
-    }
-    this.setName(this.nameMap[this.$cherry.options.locale] || this.nameMap.zh_CN);
-  }
-
-  onClick(selection, shortKey) {
-    if (!this.$cherry.locales[shortKey]) {
-      return;
-    }
-    this.$cherry.$event.emit('afterChangeLocale', shortKey);
-    this.$cherry.options.locale = shortKey;
-    this.$cherry.locale = this.$cherry.locales[shortKey];
-    this.$cherry.resetToolbar('toolbar', this.$cherry.options.toolbars.toolbar || []);
-  }
-}

package/src/toolbars/hooks/ChatGpt.js

@@ -1,182 +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 openAI from 'openai';
-
-const FUNC_MAP = {
-  COMPLEMENT: 'complement',
-  SUMMARY: 'summary',
-};
-
-/**
- * 插入“画图”的按钮
- * 本功能依赖[Mermaid.js](https://mermaid-js.github.io)组件，请保证调用CherryMarkdown前已加载mermaid.js组件
- */
-export default class ChatGpt extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('chatgpt', 'chatgpt');
-    this.noIcon = true;
-    this.subMenuConfig = [
-      // 续写
-      {
-        iconName: this.locale.complement,
-        name: FUNC_MAP.COMPLEMENT,
-        onclick: this.bindSubClick.bind(this, FUNC_MAP.COMPLEMENT),
-      },
-      // 总结
-      {
-        iconName: this.locale.summary,
-        name: FUNC_MAP.SUMMARY,
-        onclick: this.bindSubClick.bind(this, FUNC_MAP.SUMMARY),
-      },
-    ];
-    const { apiKey = '', proxy: { host = '', port = '' } = {}, ignoreError } = this.$cherry.options.openai || {};
-    // 设置apiKey
-    if (apiKey) {
-      const openai = new openAI.OpenAIApi(
-        new openAI.Configuration({
-          apiKey,
-        }),
-      );
-      this.openai = openai;
-    }
-    // 设置http proxy
-    if (host && port) {
-      this.proxy = {
-        host,
-        port,
-      };
-    }
-    this.ignoreError = ignoreError;
-  }
-
-  getSubMenuConfig() {
-    return this.subMenuConfig;
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容，本函数不处理选中的内容，会直接清空用户选中的内容
-   * @param {string} shortKey 快捷键参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    if (!shortKey) {
-      return;
-    }
-    switch (shortKey) {
-      case FUNC_MAP.COMPLEMENT:
-        if (!this.openai) {
-          // 触发一个事件表示没有apiKey？
-          return;
-        }
-        this.queryOpenAIApi(FUNC_MAP.COMPLEMENT, selection);
-        break;
-      case FUNC_MAP.SUMMARY:
-        this.queryOpenAIApi(FUNC_MAP.SUMMARY, selection);
-        break;
-      default:
-        return;
-    }
-  }
-
-  /**
-   * 在编辑器中添加文字
-   */
-  concatText(selection, text) {
-    this.button.className = this.button.className.replace('icon-loading loading', '');
-    this.button.innerText = this.button.title;
-    this.editor?.editor?.replaceSelection(`${selection || ''} \n${text}`);
-    this.editor?.editor?.focus();
-  }
-
-  /**
-   * 请求openai api，成功回调&失败回调
-   * @param {string} name
-   * @param {string} selection
-   */
-  queryOpenAIApi(name, selection) {
-    if (!this.openai) {
-      return;
-    }
-    // 增加loading
-    // eslint-disable-next-line prefer-destructuring
-    this.button = this.$cherry.wrapperDom.getElementsByClassName('cherry-toolbar-chatgpt')[0];
-    if (/icon-loading loading/.test(this.button.className)) {
-      return;
-    }
-    this.button.className += ' icon-loading loading';
-    this.button.innerText = '';
-    // const that = this;
-    const inputText = selection || this.$cherry.editor.editor.getValue();
-    queryMap[name]
-      .apply(this, [inputText])
-      .then((res) => this.concatText(selection, res.data?.choices?.[0]?.message?.content || ''))
-      .catch((res) => {
-        // 请求失败处理，两种方案
-        // 1. 抛出一个事件给第三方使用者，在cherry里怎么实现？
-        // 2. cherry处理并在编辑器中提示用户，目前采取这种方式
-        const errMsg = res?.response?.data?.error?.message || '';
-        if (errMsg && this.ignoreError === false) {
-          this.concatText(selection, errMsg);
-        }
-      });
-  }
-}
-
-const generatePromptMap = {
-  [FUNC_MAP.COMPLEMENT](text, language) {
-    if (language === 'zh_CN') {
-      return `请续写以下文字: ${text}`;
-    }
-    return `continue writing with the following text: ${text}`;
-  },
-  [FUNC_MAP.SUMMARY](text, language) {
-    if (language === 'zh_CN') {
-      return `请总结以下文字: ${text}`;
-    }
-    return `summary the following text: ${text}`;
-  },
-};
-
-function queryCompletion(type, input) {
-  return this.openai.createChatCompletion(
-    {
-      model: 'gpt-3.5-turbo',
-      messages: [
-        {
-          role: 'user',
-          content: generatePromptMap[type](input, this.$cherry.options.locale || ''),
-        },
-      ],
-      // temperature: 0.6,
-      // max_tokens: 500,
-    },
-    {
-      proxy: this.proxy,
-    },
-  );
-}
-
-const queryMap = {
-  [FUNC_MAP.COMPLEMENT](input) {
-    return queryCompletion.apply(this, [FUNC_MAP.COMPLEMENT, input]);
-  },
-  [FUNC_MAP.SUMMARY](input) {
-    return queryCompletion.apply(this, [FUNC_MAP.SUMMARY, input]);
-  },
-};

package/src/toolbars/hooks/CheckList.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 Checklist extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('checklist', 'checklist');
-  }
-
-  /**
-   *
-   * @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, 'checklist')}${after}`;
-  }
-}

package/src/toolbars/hooks/Code.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 Code extends MenuBase {
-  /**
-   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
-   */
-  constructor($cherry) {
-    super($cherry);
-    this.setName('codeBlock', 'codeBlock');
-    this.shortcutKeyMap = {
-      [`${CONTROL_KEY}-${getKeyCode('k')}`]: {
-        hookName: this.name,
-        aliasName: this.$cherry.locale[this.name],
-      },
-    };
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const code = selection ? selection : 'code...';
-    this.registerAfterClickCb(() => {
-      this.setLessSelection(`\n\`\`\` \n`, `\n\`\`\`\n`);
-    });
-    return `\n\`\`\` \n${code}\n\`\`\`\n`;
-  }
-}

package/src/toolbars/hooks/CodeTheme.js

@@ -1,66 +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 { changeCodeTheme } from '@/utils/config';
-/**
- * 设置代码块的主题
- * 本功能依赖[prism组件](https://github.com/PrismJS/prism)
- */
-export default class CodeTheme extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('codeTheme');
-    this.updateMarkdown = false;
-    this.noIcon = true;
-    this.subMenuConfig = [
-      { noIcon: false, name: 'autoWrap', iconName: 'br', onclick: this.bindSubClick.bind(this, 'wrap') },
-      { noIcon: true, name: 'light', onclick: this.bindSubClick.bind(this, 'default') },
-      { noIcon: true, name: 'dark', onclick: this.bindSubClick.bind(this, 'dark') },
-      { noIcon: true, name: 'one light', onclick: this.bindSubClick.bind(this, 'one-light') },
-      { noIcon: true, name: 'one dark', onclick: this.bindSubClick.bind(this, 'one-dark') },
-      { noIcon: true, name: 'vs light', onclick: this.bindSubClick.bind(this, 'vs-light') },
-      { noIcon: true, name: 'vs dark', onclick: this.bindSubClick.bind(this, 'vs-dark') },
-      { noIcon: true, name: 'solarized light', onclick: this.bindSubClick.bind(this, 'solarized-light') },
-      { noIcon: true, name: 'tomorrow dark', onclick: this.bindSubClick.bind(this, 'tomorrow-night') },
-      { noIcon: true, name: 'okaidia', onclick: this.bindSubClick.bind(this, 'okaidia') },
-      { noIcon: true, name: 'twilight', onclick: this.bindSubClick.bind(this, 'twilight') },
-      { noIcon: true, name: 'coy', onclick: this.bindSubClick.bind(this, 'coy') },
-    ];
-  }
-
-  getActiveSubMenuIndex(subMenuDomPanel) {
-    const wrap = this.$cherry.getCodeWrap();
-    return wrap === 'wrap' ? 0 : -1;
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @param {string} codeTheme 具体的代码块主题
-   */
-  onClick(shortKey = '', codeTheme) {
-    if (codeTheme === 'wrap') {
-      // 切换是否自动换行
-      const wrap = this.$cherry.getCodeWrap();
-      const newWrap = wrap === 'wrap' ? 'nowrap' : 'wrap';
-      this.$cherry.wrapperDom.dataset.codeWrap = newWrap;
-      this.$cherry.setCodeWrap(newWrap);
-      return;
-    }
-    this.$cherry.$event.emit('changeCodeBlockTheme', codeTheme);
-    changeCodeTheme(this.$cherry, codeTheme);
-  }
-}