@seafile/sdoc-editor 2.0.23 → 2.0.24

package/dist/api/seafile-api.js

@@ -205,11 +205,14 @@ class SeafileAPI {
     form.append('file_uuid', docUuid);
     return this.req.post(url, form);
   }
-  writingAssistant(docUuid, text, type) {
+  writingAssistant(docUuid, text, type, custom_prompt) {
     const url = '/api/v2.1/ai/writing-assistant/';
     let form = new FormData();
     form.append('text', text);
     form.append('writing_type', type);
+    if (custom_prompt) {
+      form.append('custom_prompt', custom_prompt);
+    }
     form.append('file_uuid', docUuid);
     return this.req.post(url, form);
   }

package/dist/basic-sdk/extension/plugins/ai/ai-module/index.js

@@ -40,6 +40,7 @@ function AIModule(_ref) {
   const [opType, setOpType] = (0, _react.useState)('');
   const [selectedValue, setSelectedValue] = (0, _react.useState)('');
   const [searchValue, setSearchValue] = (0, _react.useState)('');
+  const [oldSearchValue, setOldSearchValue] = (0, _react.useState)('');
   const [isGenerating, setIsGenerating] = (0, _react.useState)(false);
   const [searchResult, setSearchResult] = (0, _react.useState)(null);
   const [currentLang, setCurrentLang] = (0, _react.useState)('en');
@@ -160,13 +161,10 @@ function AIModule(_ref) {
   }, [onDocumentClick]);
   const onScroll = (0, _react.useCallback)(event => {
     if (!element) {
-      console.log(selectDom);
       const newRect = selectDom.getBoundingClientRect();
       const aboveNode = (0, _core.getAboveBlockNode)(editor);
       const slateDom = _slateReact.ReactEditor.toDOMNode(editor, aboveNode[0]);
       const slateRect = slateDom.getBoundingClientRect();
-      console.log(newRect);
-      console.log(slateRect);
       const el = aiRef.current;
       el.style.top = `${newRect.bottom + 8}px`; // top = Current top + Element height
       el.style.left = `${slateRect.left}px`;
@@ -203,20 +201,25 @@ function AIModule(_ref) {
     if (!searchValue) return;
     setOpType(_constants.OPERATION_TYPES.DEFAULT);
     setIsGenerating(true);
-    const defaultContent = searchValue || selectedValue;
-    if (!defaultContent) {
+    const defaultContent = selectedValue;
+    const custom_prompt = searchValue;
+    if (!custom_prompt) {
       _toast.default.danger(t('Processing_content_cannot_be_empty'));
       return;
     }
-    _context.default.writingAssistant(defaultContent, 'ask').then(res => {
+    _context.default.writingAssistant(defaultContent, 'ask', custom_prompt).then(res => {
       const {
         content
       } = res.data;
       setSearchResult(content);
       setIsGenerating(false);
+      setSearchValue('');
+      setOldSearchValue(searchValue);
     }).catch(err => {
       setIsGenerating(false);
       _toast.default.danger('AI_error_message');
+      setSearchValue('');
+      setOldSearchValue(searchValue);
     });
   }, [searchValue, selectedValue, t]);
   const onKeyDown = (0, _react.useCallback)(event => {
@@ -233,7 +236,7 @@ function AIModule(_ref) {
   const onContinuationClick = (0, _react.useCallback)(() => {
     setOpType(_constants.OPERATION_TYPES.CONTINUATION);
     setIsGenerating(true);
-    const defaultContent = searchValue || selectedValue;
+    const defaultContent = selectedValue;
     if (!defaultContent) {
       _toast.default.danger(t('Processing_content_cannot_be_empty'));
       return;
@@ -248,11 +251,11 @@ function AIModule(_ref) {
       setIsGenerating(false);
       _toast.default.danger('AI_error_message');
     });
-  }, [searchValue, selectedValue, t]);
+  }, [selectedValue, t]);
   const onMoreDetailsClick = (0, _react.useCallback)(() => {
     setOpType(_constants.OPERATION_TYPES.MORE_DETAILS);
     setIsGenerating(true);
-    const defaultContent = searchValue || selectedValue;
+    const defaultContent = selectedValue;
     if (!defaultContent) {
       _toast.default.danger(t('Processing_content_cannot_be_empty'));
       return;
@@ -267,11 +270,11 @@ function AIModule(_ref) {
       setIsGenerating(false);
       _toast.default.danger('AI_error_message');
     });
-  }, [searchValue, selectedValue, t]);
+  }, [selectedValue, t]);
   const onMoreConciseClick = (0, _react.useCallback)(() => {
     setOpType(_constants.OPERATION_TYPES.MORE_CONCISE);
     setIsGenerating(true);
-    const defaultContent = searchValue || selectedValue;
+    const defaultContent = selectedValue;
     if (!defaultContent) {
       _toast.default.danger(t('Processing_content_cannot_be_empty'));
       return;
@@ -286,11 +289,11 @@ function AIModule(_ref) {
       setIsGenerating(false);
       _toast.default.danger('AI_error_message');
     });
-  }, [searchValue, selectedValue, t]);
+  }, [selectedValue, t]);
   const onMoreVividClick = (0, _react.useCallback)(() => {
     setOpType(_constants.OPERATION_TYPES.MORE_VIVID);
     setIsGenerating(true);
-    const defaultContent = searchValue || selectedValue;
+    const defaultContent = selectedValue;
     if (!defaultContent) {
       _toast.default.danger(t('Processing_content_cannot_be_empty'));
       return;
@@ -305,9 +308,9 @@ function AIModule(_ref) {
       setIsGenerating(false);
       _toast.default.danger('Translation_error_message');
     });
-  }, [searchValue, selectedValue, t]);
+  }, [selectedValue, t]);
   const onTranslateClick = (0, _react.useCallback)(lang => {
-    const translateValue = searchValue ? searchValue : selectedValue;
+    const translateValue = selectedValue;
     if (!translateValue) {
       _toast.default.warning(t('The_translation_content_cannot_be_empty'));
       return;
@@ -326,7 +329,7 @@ function AIModule(_ref) {
       setIsGenerating(false);
       _toast.default.danger('Translation_error_message');
     });
-  }, [currentLang, searchValue, selectedValue, t]);
+  }, [currentLang, selectedValue, t]);
   const focusToEndPath = (0, _react.useCallback)(path => {
     setTimeout(() => {
       const endOfLastNodePoint = _slate.Editor.end(editor, path);
@@ -357,7 +360,7 @@ function AIModule(_ref) {
     onCloseClick();
     focusToEndPath(nextPath);
   }, [editor, element, focusToEndPath, onCloseClick, searchResult]);
-  const onTryAgainClick = (0, _react.useCallback)(() => {
+  const onTryAgainClick = (0, _react.useCallback)(event => {
     switch (opType) {
       case _constants.OPERATION_TYPES.TRANSLATE:
         onTranslateClick();
@@ -374,10 +377,17 @@ function AIModule(_ref) {
       case _constants.OPERATION_TYPES.CONTINUATION:
         onContinuationClick();
         return;
+      case _constants.OPERATION_TYPES.DEFAULT:
+        event.stopPropagation();
+        event.nativeEvent.stopImmediatePropagation();
+        setSearchValue(oldSearchValue);
+        setSearchResult('');
+        setOldSearchValue('');
+        return;
       default:
         return;
     }
-  }, [onContinuationClick, onMoreConciseClick, onMoreDetailsClick, onMoreVividClick, onTranslateClick, opType]);
+  }, [oldSearchValue, onContinuationClick, onMoreConciseClick, onMoreDetailsClick, onMoreVividClick, onTranslateClick, opType]);
   const onReplaceClick = (0, _react.useCallback)(() => {
     if (!element) {
       editor.deleteFragment();
@@ -410,7 +420,8 @@ function AIModule(_ref) {
       hasCloseButton: false,
       duration: 2
     });
-  }, [searchResult, t]);
+    onCloseClick();
+  }, [onCloseClick, searchResult, t]);
   const onDeprecationClick = (0, _react.useCallback)(() => {
     onCloseClick();
   }, [onCloseClick]);
@@ -446,7 +457,7 @@ function AIModule(_ref) {
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: `sdocfont sdoc-send-arrow ${!searchValue ? 'disable' : ''}`,
     onClick: onEnter
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), !searchValue && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-ai-operations sdoc-dropdown-menu"
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: "op-type"
@@ -493,7 +504,7 @@ function AIModule(_ref) {
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: `sdocfont sdoc-send-arrow ${!searchValue ? 'disable' : ''}`,
     onClick: onEnter
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), !searchValue && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-ai-operations sdoc-dropdown-menu"
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     menuConfig: _constants.OPERATION_MENUS_CONFIG.ADJUSTMENT,

package/dist/context.js

@@ -263,9 +263,9 @@ class Context {
     const docUuid = this.getDocUuid();
     return this.api.aiTranslate(docUuid, text, lang);
   }
-  writingAssistant(text, type) {
+  writingAssistant(text, type, custom_prompt) {
     const docUuid = this.getDocUuid();
-    return this.api.writingAssistant(docUuid, text, type);
+    return this.api.writingAssistant(docUuid, text, type, custom_prompt);
   }
   updateConfigUuid(docUuid) {
     if (!this.config) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -594,7 +594,7 @@
   "Try_again": "Try again",
   "Deprecation": "Deprecation",
   "Generated_content_x_words": "Generated content {{count}} words",
-  "Ask_AI_anything": "Ask AI anything...",
+  "Ask_AI_anything": "Please enter the command...",
   "Thinking": "Thinking...",
   "Translation_error_message": "Translation error, please try again.",
   "The_translation_content_cannot_be_empty": "The translation content cannot be empty",

package/public/locales/zh_CN/sdoc-editor.json

@@ -594,7 +594,7 @@
   "Try_again": "再试一次",
   "Deprecation": "弃用",
   "Generated_content_x_words": "已生成内容 {{count}} 字",
-  "Ask_AI_anything": "询问 AI 任何事情...",
+  "Ask_AI_anything": "请输入指令...",
   "Thinking": "思考中...",
   "Translation_error_message": "翻译出错，请重试",
   "The_translation_content_cannot_be_empty": "翻译内容不能为空",