@seafile/comment-editor 0.0.18 → 0.0.20-beta.1

package/dist/_i18n/index.js

@@ -9,6 +9,7 @@ var _reactI18next = require("react-i18next");
 var _i18next = _interopRequireDefault(require("i18next"));
 var _i18nextBrowserLanguagedetector = _interopRequireDefault(require("i18next-browser-languagedetector"));
 var _i18nextHttpBackend = _interopRequireDefault(require("i18next-http-backend"));
+// 1
 const getI18n = settings => {
   let lang = 'en';
   let loadPath = '/public/locales/{{ lng }}/{{ ns }}.json';
@@ -22,6 +23,7 @@ const getI18n = settings => {
     }
     if (propsLang) {
       lang = propsLang === 'zh-cn' ? 'zh-CN' : lang;
+      lang = propsLang === 'zh' ? 'zh-CN' : lang;
     }
   }
   _i18next.default.use(_i18nextHttpBackend.default).use(_i18nextBrowserLanguagedetector.default).use(_reactI18next.initReactI18next).init({
@@ -39,8 +41,10 @@ const getI18n = settings => {
     interpolation: {
       escapeValue: false // not needed for react!!
     },
+    load: 'currentOnly',
     react: {
-      wait: true
+      wait: true,
+      useSuspense: false
     }
   });
   return _i18next.default;

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -84,8 +84,8 @@
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdocfont {
-  font-size: 12px;
-  line-height: 12px;
+  font-size: 14px;
+  line-height: 14px;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
@@ -97,7 +97,6 @@
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
   margin-right: 10px;
-  vertical-align: 1px;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {

package/dist/basic-sdk/editor/comment-editor.css

@@ -129,5 +129,5 @@
 }
 
 .comment-editor-wrapper .comment-editor-toolbar .comment-editor-menu-group .comment-editor-menu-group-item .sdocfont {
-  font-size: 12px;
+  font-size: 14px;
 }

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
 var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
 var _helpers = require("../helpers");
 require("@seafile/react-image-lightbox/style.css");
@@ -38,6 +39,11 @@ class ImagePreviewer extends _react.default.Component {
         imageIndex: (prevState.imageIndex + 1) % this.images.length
       }));
     });
+    (0, _defineProperty2.default)(this, "setImageIndex", index => {
+      this.setState({
+        imageIndex: index
+      });
+    });
     const {
       editor,
       imageUrl
@@ -51,6 +57,9 @@ class ImagePreviewer extends _react.default.Component {
     const {
       imageIndex
     } = this.state;
+    const {
+      t
+    } = this.props;
     const imageItemsLength = this.images.length;
     const mainSrc = this.images[imageIndex] || '';
     let imageTitle = '';
@@ -68,6 +77,9 @@ class ImagePreviewer extends _react.default.Component {
       className: "flex-shrink-0"
     }, "(", imageIndex + 1, "/", this.images.length, ")"));
     return /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
+      imageItems: this.images,
+      currentIndex: imageIndex,
+      setImageIndex: index => this.setImageIndex(index),
       wrapperClassName: "sf-editor-image-previewer",
       imageTitle: imageTitleEl,
       mainSrc: mainSrc,
@@ -79,8 +91,10 @@ class ImagePreviewer extends _react.default.Component {
       onMoveNextRequest: this.moveToNextImage,
       reactModalProps: {
         shouldReturnFocusAfterClose: false
-      }
+      },
+      zoomInTip: t('Zoom_in'),
+      zoomOutTip: t('Zoom_out')
     });
   }
 }
-var _default = exports.default = ImagePreviewer;
+var _default = exports.default = (0, _reactI18next.withTranslation)('comment-editor')(ImagePreviewer);

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.css

@@ -28,7 +28,7 @@
 .sdoc-image-hover-menu-container .hover-menu-container .op-item {
   position: relative;
   font-size: 12px;
-  color: #212529;
+  color: #444444;
   padding: 0 5px;
   border-radius: 2px;
   min-width: 24px;
@@ -39,7 +39,7 @@
 }
 
 .sdoc-image-hover-menu-container .hover-menu-container .op-item:hover {
-  color: #212529;
+  color: #444444;
   text-decoration: none;
   background: #f1f1f1;
 }
@@ -48,9 +48,9 @@
   background: #f1f1f1;
 }
 
-.sdoc-image-hover-menu-container .hover-menu-container .icon-font {
-  font-size: 12px;
-  color: #999999;
+.sdoc-image-hover-menu-container .hover-menu-container .sdocfont {
+  font-size: 14px;
+  color: #444;
 }
 
 .sdoc-image-hover-menu-container .sdoc-image-popover {

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -180,7 +180,7 @@ const ImageHoverMenu = _ref => {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "mr-1"
   }, t(type === _constants.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
+    className: "sdocfont sdoc-drop-down"
   }))), !readonly && /*#__PURE__*/_react.default.createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react.default.createElement("span", {
@@ -192,9 +192,9 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'alignPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} icon-font mr-1`)
+    className: (0, _classnames.default)(`sdocfont sdoc-align-${align || 'left'} mr-1`)
   }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
+    className: "sdocfont sdoc-drop-down "
   })), /*#__PURE__*/_react.default.createElement("span", {
     id: "sdoc_image_border",
     role: "button",
@@ -205,9 +205,9 @@ const ImageHoverMenu = _ref => {
       onShowProver(e, 'borderPopover');
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-image icon-font mr-1"
+    className: "sdocfont sdoc-image mr-1"
   }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-drop-down icon-font"
+    className: "sdocfont sdoc-drop-down "
   }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_image_border",
     placement: "top",
@@ -222,7 +222,7 @@ const ImageHoverMenu = _ref => {
       'show_caption': !show_caption
     })
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-describe icon-font mr-1"
+    className: "sdocfont sdoc-caption mr-1"
   }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_image_caption",
     placement: "top",
@@ -238,7 +238,7 @@ const ImageHoverMenu = _ref => {
       setIsShowImagePreview(!isShowImagePreview);
     }
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-fullscreen icon-font"
+    className: "sdocfont sdoc-fullscreen "
   }), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_image_full_screen_mode",
     placement: "top",
@@ -271,7 +271,7 @@ const ImageHoverMenu = _ref => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: (0, _classnames.default)(item.iconClass, 'icon-font')
+      className: (0, _classnames.default)(item.iconClass)
     })), align === item.type && /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));

package/dist/basic-sdk/extension/plugins/link/hover/index.css

@@ -25,7 +25,7 @@
 
 .link-op-menu-link {
   font-size: 12px;
-  color: #212529;
+  color: #444444;
   padding: 0 5px;
   border-radius: 2px;
   line-height: 20px;
@@ -33,7 +33,7 @@
 }
 
 .link-op-menu-link:hover {
-  color: #212529;
+  color: #444444;
   text-decoration: none;
   background: #f1f1f1;
 }
@@ -53,7 +53,7 @@
 }
 
 .link-op-icon .sdocfont {
-  font-size: 12px;
+  font-size: 14px;
   color: #444;
 }
 

package/dist/basic-sdk/slate-convert/md-to-html/index.js

@@ -12,20 +12,28 @@ var _rehypeSanitize = _interopRequireDefault(require("rehype-sanitize"));
 var _rehypeSlug = _interopRequireDefault(require("rehype-slug"));
 var _rehypeStringify = _interopRequireDefault(require("rehype-stringify"));
 var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
-var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
 var _remarkMath = _interopRequireDefault(require("remark-math"));
 var _remarkParse = _interopRequireDefault(require("remark-parse"));
 var _remarkRehype = _interopRequireDefault(require("remark-rehype"));
 var _unified = require("unified");
+var _unistUtilVisit = require("unist-util-visit");
 var _sanitizeSchema = _interopRequireDefault(require("./sanitize-schema"));
+function remarkEscapeHtml() {
+  return tree => {
+    (0, _unistUtilVisit.visit)(tree, 'html', node => {
+      node.type = 'text';
+    });
+  };
+}
+
 // mdString -> mdast -> html ast -> html
 const processor = (0, _unified.unified)()
 // Handles markdown basic syntax
 // https://github.com/remarkjs/remark/tree/main
-.use(_remarkParse.default)
+.use(_remarkParse.default).use(remarkEscapeHtml)
 // Handle markdown extension syntax
 // https://github.com/remarkjs/remark-gfm
-.use(_remarkGfm.default)
+// .use(gfm)
 // https://github.com/remarkjs/remark-math
 .use(_remarkMath.default)
 // https://github.com/remarkjs/remark-breaks

package/dist/index.js

@@ -22,6 +22,12 @@ Object.defineProperty(exports, "SeafileCommentEditor", {
     return _seafileCommentEditor.default;
   }
 });
+Object.defineProperty(exports, "commentProcessor", {
+  enumerable: true,
+  get: function () {
+    return _basicSdk.processor;
+  }
+});
 var _basicSdk = require("./basic-sdk");
 var _constants = require("./constants");
 var _seafileCommentEditor = _interopRequireDefault(require("./pages/seafile-comment-editor"));

package/dist/pages/seafile-comment-editor.js

@@ -1,15 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
-var _i18n = _interopRequireDefault(require("../_i18n"));
+// import getI18n from '../_i18n';
+
 const SeafileCommentEditor = _ref => {
   let {
     // Provider
@@ -36,15 +35,12 @@ const SeafileCommentEditor = _ref => {
     settings,
     api
   } = _ref;
-  const [i18n, setI18n] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     _basicSdk.context.init(settings, api);
-    setI18n((0, _i18n.default)(settings));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, i18n && /*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider, {
-    i18n: i18n
-  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+  console.log('comment editor --1');
+  return /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
     type: type,
     className: className,
     pluginName: pluginName,
@@ -62,6 +58,6 @@ const SeafileCommentEditor = _ref => {
     hiddenComment: hiddenComment,
     hiddenUserInfo: hiddenUserInfo,
     closePanel: closePanel
-  })))));
+  }));
 };
 var _default = exports.default = SeafileCommentEditor;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.18",
+  "version": "0.0.20-beta.1",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "4.0.2",
+    "@seafile/react-image-lightbox": "^5.0.4",
     "@seafile/slate": "0.91.8",
     "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
@@ -14,7 +14,6 @@
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.3",
     "deep-copy": "1.4.2",
-    "dtable-ui-component": "^6.0.15",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "react-transition-group": "4.4.5",

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

@@ -634,5 +634,7 @@
   "More_operation": "More operation",
   "Property": "Property",
   "Comment_list": "Comment list",
-  "Add_Comment": "Add Comment"
+  "Add_Comment": "Add Comment",
+  "Zoom_in": "Zoom in",
+  "Zoom_out": "Zoom out"
 }