@seafile/comment-editor 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/basic-sdk/comment/components/global-comment/global-comment-header.js

@@ -25,7 +25,8 @@ const GlobalCommentHeader = _ref => {
   const panelHeaderRef = (0, _react.useRef)(null);
   const [isMounted, setIsMounted] = (0, _react.useState)(false);
   const {
-    api
+    api,
+    pluginEvent
   } = (0, _useComment.useComment)();
   const {
     readAllNotifications,
@@ -47,13 +48,13 @@ const GlobalCommentHeader = _ref => {
       const res = await listUnseenNotifications();
       const notifications = res.data.notifications;
       const eventBus = _eventBus.default.getInstance();
-      eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
+      eventBus.dispatch(pluginEvent.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
       eventBus.dispatch(_constants.INTERNAL_EVENT.NEW_NOTIFICATION);
       eventBus.dispatch(_constants.INTERNAL_EVENT.CLEAR_NOTIFICATION);
     } catch (error) {
       //
     }
-  }, [listUnseenNotifications, readAllNotifications]);
+  }, [listUnseenNotifications, pluginEvent.UNSEEN_NOTIFICATIONS_COUNT, readAllNotifications]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comments-panel-header"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
-var _commentContextMenu = _interopRequireDefault(require("../../../../comment/components/comment-context-menu"));
 var _constants = require("../../../../constants");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _useColorContext = require("../../../../hooks/use-color-context");
@@ -156,7 +155,7 @@ const TextStyleMenuList = _ref => {
     tipMessage: t('Reduce_font_size')
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-reduce-font-size"
-  }))), idPrefix && ![_constants.DOCUMENT_PLUGIN_EDITOR, _constants.WIKI_EDITOR].includes(editor.editorType) && /*#__PURE__*/_react.default.createElement(_commentContextMenu.default, null), idPrefix && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
+  }))), idPrefix && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
     isRichEditor: isRichEditor
   }));
 };

package/dist/basic-sdk/hooks/use-comment.js

@@ -22,12 +22,14 @@ var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 const CommentContext = /*#__PURE__*/_react.default.createContext(null);
 const CommentProvider = _ref => {
   let {
-    editor,
     children,
-    onCloseCommentPanel,
+    editor,
+    pluginName = '',
+    className = '',
+    pluginEventBus,
+    pluginEvent,
     api,
-    pluginName,
-    className
+    onCloseCommentPanel
   } = _ref;
   const {
     t
@@ -186,6 +188,8 @@ const CommentProvider = _ref => {
       pluginName,
       className,
       api,
+      pluginEventBus,
+      pluginEvent,
       commentsInfo,
       commentType,
       commentList,

package/dist/basic-sdk/layout/comment-layout/index.js

@@ -22,7 +22,9 @@ const CommentLayout = _ref => {
   } = _ref;
   const {
     className,
-    pluginName
+    pluginName,
+    pluginEventBus,
+    pluginEvent
   } = (0, _useComment.useComment)();
   const [width, setWidth] = (0, _react.useState)(MIN_PANEL_WIDTH);
   const panelWrapperStyle = (0, _react.useMemo)(() => {
@@ -50,6 +52,16 @@ const CommentLayout = _ref => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
   }, []);
+  (0, _react.useEffect)(() => {
+    const isShowGlobalComments = pluginName === 'sdoc' ? true : false;
+    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, {
+      ...settings,
+      isShowGlobalComments
+    });
+    const eventBus = pluginEventBus.getInstance();
+    eventBus.dispatch(pluginEvent.RESIZE_ARTICLE);
+  }, [pluginEvent.RESIZE_ARTICLE, pluginEventBus, pluginName]);
   (0, _react.useEffect)(() => {
     const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
     const {

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

@@ -13,22 +13,24 @@ var _errorBoundary = _interopRequireDefault(require("../components/error-boundar
 const SeafileCommentEditor = _ref => {
   let {
     editor,
-    className = '',
     pluginName = '',
+    className = '',
+    pluginEventBus,
+    pluginEvent,
     api,
     onCloseCommentPanel
   } = _ref;
   _basicSdk.context.init();
   return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+    editor: editor,
     pluginName: pluginName,
     className: className,
-    editor: editor,
+    pluginEventBus: pluginEventBus,
+    pluginEvent: pluginEvent,
     api: api,
     onCloseCommentPanel: onCloseCommentPanel
   }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentLayout, {
-    editor: editor,
-    className: className,
-    pluginName: pluginName
+    editor: editor
   })));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.3",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",

package/dist/basic-sdk/comment/components/comment-context-menu/index.css

@@ -1,16 +0,0 @@
-.menu-group-item.sdoc-comment-menu-container {
-  width: auto;
-  color: #212529;
-  font-size: 14px;
-}
-
-.sdoc-comment-menu-item .sdoc-comments {
-  margin-right: 4px;
-}
-
-.sdoc-context-menu-divider {
-  margin-right: 8px;
-  border-left: 1px solid #e5e5e5;
-  width: 1px;
-  height: 24px;
-}

package/dist/basic-sdk/comment/components/comment-context-menu/index.js

@@ -1,43 +0,0 @@
-"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 _constants = require("../../../constants");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _menuItem = _interopRequireDefault(require("./menu-item"));
-require("./index.css");
-const CommentContextMenu = _ref => {
-  let {
-    isRichEditor
-  } = _ref;
-  const onCommentClick = (0, _react.useCallback)(event => {
-    // Make context toolbar disappear
-    const contextToolBarDom = document.querySelector('.sdoc-context-toolbar');
-    if (contextToolBarDom) {
-      contextToolBarDom.removeAttribute('style');
-    }
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.ADD_CONTEXT_COMMENT);
-  }, []);
-  const commentProps = {
-    id: 'context-toolbar-comment',
-    isRichEditor,
-    className: 'menu-group-item sdoc-comment-menu-container',
-    disabled: false,
-    isActive: false,
-    onMouseDown: onCommentClick,
-    iconClass: 'sdocfont sdoc-comments',
-    text: 'Comment',
-    ariaLabel: 'Add_Comment',
-    type: 'sdoc-add-comment'
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-context-menu-divider"
-  }), /*#__PURE__*/_react.default.createElement(_menuItem.default, commentProps));
-};
-var _default = exports.default = CommentContextMenu;

package/dist/basic-sdk/comment/components/comment-context-menu/menu-item.js

@@ -1,57 +0,0 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-const MenuItem = _ref => {
-  let {
-    isRichEditor = true,
-    className = 'menu-group-item',
-    disabled,
-    isActive,
-    type,
-    onMouseDown,
-    id,
-    text,
-    ariaLabel,
-    iconClass
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const onClick = (0, _react.useCallback)(event => {
-    if (disabled) return;
-    onMouseDown(event, type);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [disabled, type]);
-  const validClassName = (0, _classnames.default)('', className, {
-    'btn btn-icon btn-secondary btn-active': !isRichEditor,
-    'rich-icon-btn': isRichEditor,
-    'rich-icon-btn-disabled': isRichEditor && disabled,
-    'rich-icon-btn-hover': isRichEditor && !disabled
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    id: id,
-    type: "button",
-    "aria-label": ariaLabel,
-    className: validClassName,
-    disabled: disabled,
-    "data-active": isActive,
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-comment-menu-item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: iconClass
-  }), /*#__PURE__*/_react.default.createElement("span", null, t(text)))), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: id
-  }, t(ariaLabel)));
-};
-var _default = exports.default = MenuItem;

package/dist/basic-sdk/comment/components/comment-operation/index.css

@@ -1,26 +0,0 @@
-.sdoc-notification-count {
-  position: absolute;
-  color: #fff;
-  font-size: 12px;
-  top: -7px;
-  right: -10px;
-  padding: 2px;
-  background: #fc6440;
-  border-radius: 50%;
-  min-width: 20px;
-  min-height: 20px;
-  transform: scale(.7);
-  text-align: center;
-}
-
-.sdoc-plugin-operation-btn-container .sdoc-unread-message-tip {
-  position: absolute;
-  left: 12px;
-  top: 4px;
-  display: inline-block;
-  height: 6px;
-  width: 6px;
-  border-radius: 50%;
-  background-color: #fc6440;
-  margin-left: 6px;
-}

package/dist/basic-sdk/comment/components/comment-operation/index.js

@@ -1,31 +0,0 @@
-"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 = CommentsOperation;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../../../constants");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-require("./index.css");
-function CommentsOperation() {
-  const [unseenNotificationsCount, setUnseenNotificationsCount] = (0, _react.useState)(0);
-  const updateUnseenNotificationsCount = (0, _react.useCallback)(count => {
-    setUnseenNotificationsCount(count);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribeUnseenNotificationsCount = eventBus.subscribe(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, updateUnseenNotificationsCount);
-    return () => {
-      unsubscribeUnseenNotificationsCount();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-comments"
-  }), unseenNotificationsCount > 0 && /*#__PURE__*/_react.default.createElement("span", {
-    className: "sdoc-unread-message-tip"
-  }));
-}