@seafile/sdoc-editor 2.0.121 → 2.0.122-test-0.0.2

package/dist/editor/comment-article.js

@@ -80,6 +80,7 @@ var CommentArticle = function CommentArticle(_ref) {
     }
     eventProxy.onKeyDown(event);
   }, [eventProxy, editor]);
+  console.log(1, type);
   return /*#__PURE__*/_react["default"].createElement(_slateReact.Slate, {
     editor: editor,
     value: slateValue,

package/dist/editor/sdoc-comment-editor.js

@@ -8,13 +8,18 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
+var _notificationHooks = require("../comment/hooks/notification-hooks");
 var _fileLoading = _interopRequireDefault(require("../components/file-loading"));
+var _toast = _interopRequireDefault(require("../components/toast"));
 var _constants = require("../constants");
-var _context = _interopRequireDefault(require("../context"));
+var _context2 = _interopRequireDefault(require("../context"));
 var _extension = require("../extension");
 var _core = require("../extension/core");
 var _commentEditorToolbar = _interopRequireDefault(require("../extension/toolbar/comment-editor-toolbar"));
@@ -23,6 +28,8 @@ var _useScrollContext = require("../hooks/use-scroll-context");
 var _layout = require("../layout");
 var _nodeId = _interopRequireDefault(require("../node-id"));
 var _socket = require("../socket");
+var _commonUtils = require("../utils/common-utils");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _commentArticle = _interopRequireDefault(require("./comment-article"));
 var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var propsEditor = _ref.editor,
@@ -37,10 +44,15 @@ var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     slateValue = _useState2[0],
     _setSlateValue = _useState2[1];
   var commentEditorContainerRef = (0, _react.useRef)(null);
+  var timeoutRef = (0, _react.useRef)(null);
+  var _useNotificationConte = (0, _notificationHooks.useNotificationContext)(),
+    notificationsInfo = _useNotificationConte.notificationsInfo;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
   var validEditor = (0, _react.useMemo)(function () {
     if (propsEditor) return propsEditor;
     var defaultEditor = (0, _extension.createCommentEditor)();
-    var editorConfig = _context["default"].getEditorConfig();
+    var editorConfig = _context2["default"].getEditorConfig();
     var newEditor = (0, _nodeId["default"])((0, _socket.withSocketIO)(defaultEditor, {
       document: document,
       config: editorConfig
@@ -52,6 +64,69 @@ var SdocCommentEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useEffect)(function () {
+    console.log(1111, commentEditorContainerRef === null || commentEditorContainerRef === void 0 ? void 0 : commentEditorContainerRef.current, notificationsInfo);
+    console.log(22, commentEditorContainerRef.current.closest('.global-comment-input-wrapper'));
+    if (!(commentEditorContainerRef !== null && commentEditorContainerRef !== void 0 && commentEditorContainerRef.current)) return;
+    if (Object.keys(notificationsInfo.notifications_map || {}).length === 0) return;
+    if (!commentEditorContainerRef.current.closest('.global-comment-input-wrapper')) return;
+    console.log(333);
+    var clearAllNotification = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+        var res, notifications, eventBus, errorMessage;
+        return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return _context2["default"].readAllNotifications();
+            case 3:
+              _context.next = 5;
+              return _context2["default"].listUnseenNotifications();
+            case 5:
+              res = _context.sent;
+              notifications = res.data.notifications;
+              eventBus = _eventBus["default"].getInstance();
+              eventBus.dispatch(_constants.INTERNAL_EVENT.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);
+              _context.next = 17;
+              break;
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](0);
+              errorMessage = (0, _commonUtils.getErrorMsg)(_context.t0);
+              _toast["default"].danger(t(errorMessage));
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 13]]);
+      }));
+      return function clearAllNotification() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var el = commentEditorContainerRef && commentEditorContainerRef.current;
+
+    // Mark comment read if focusing commentEditorContainerRef over 3s
+    var handleFocusIn = function handleFocusIn() {
+      timeoutRef.current = setTimeout(function () {
+        console.log(1, 'clear');
+        clearAllNotification();
+      }, 3000);
+    };
+    var handleBlur = function handleBlur() {
+      clearTimeout(timeoutRef.current);
+    };
+    el.addEventListener('focusin', handleFocusIn);
+    el.addEventListener('focusout', handleBlur);
+    return function () {
+      el.removeEventListener('focusin', handleFocusIn);
+      el.removeEventListener('focusout', handleBlur);
+      clearTimeout(timeoutRef.current);
+    };
+  }, [notificationsInfo, t]);
 
   // useMount: focus editor
   (0, _react.useEffect)(function () {

package/dist/extension/plugins/image/render-elem.js

@@ -225,11 +225,8 @@ var Image = function Image(_ref) {
     setIsShowImageHoverMenu(true);
   }, [setPosition]);
   var reloadImage = (0, _react.useCallback)(function () {
-    if (imageRef.current) {
-      imageRef.current['src'] = (0, _helpers.getImageURL)(data, editor);
-      setIsShowImagePlaceholder(false);
-    }
-  }, [data, editor]);
+    setIsShowImagePlaceholder(false);
+  }, []);
   var onImageLoaded = (0, _react.useCallback)(function () {
     if ((0, _helpers.isImageUrlIsFromCopy)(data.src) && !(0, _helpers.isCommentEditor)(editor)) {
       setCopyImageLoading(true);
@@ -241,6 +238,7 @@ var Image = function Image(_ref) {
       return (0, _helpers.handleBase64Image)(editor, path, data);
     }
     setIsShowImagePlaceholder(true);
+    console.log(data.src);
     // External network images do not reload after failure to load
     if (!data.src.startsWith('http')) {
       var eventBus = _eventBus["default"].getInstance();

package/dist/extension/render/render-comment-editor-element.js

@@ -16,6 +16,7 @@ var RenderCommentEditorCustomRenderElement = function RenderCommentEditorCustomR
   var readonly = (0, _slateReact.useReadOnly)();
   var element = props.element,
     commentType = props.commentType;
+  console.log(1, element);
   switch (element.type) {
     case _constants.PARAGRAPH:
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.121",
+  "version": "2.0.122-test-0.0.2",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -69,6 +69,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "8c9e96fe99d23442dfd23e849fc07fae8fed9048"
+  }
 }

package/LICENSE.txt

@@ -1,13 +0,0 @@
-Copyright (c) 2025 Seafile Ltd.
-
-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.