@seafile/sdoc-editor 0.2.28 → 0.2.29-beta

package/dist/components/doc-operations/notifications-operation/notifications-popover/notification.js

@@ -0,0 +1,54 @@
+import React, { useCallback } from 'react';
+import { textToHtml } from '../../../../basic-sdk/comment/utils';
+var Notification = function Notification(_ref) {
+  var notification = _ref.notification,
+    markNotificationRead = _ref.markNotificationRead;
+  var onMarkNotificationRead = useCallback(function () {
+    markNotificationRead(notification.id);
+  }, [notification, markNotificationRead]);
+  if (!notification) return null;
+  var seen = notification.seen,
+    username = notification.username,
+    userAvatarURL = notification.userAvatarURL,
+    time = notification.time,
+    detail = notification.detail,
+    msgType = notification.msgType;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-item",
+    onClick: onMarkNotificationRead
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-item-header"
+  }, !seen && /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-notification-point"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-header-info"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-user-detail"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: userAvatarURL,
+    alt: "",
+    width: "20",
+    height: "20",
+    style: {
+      borderRadius: '50%'
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-notification-user-name"
+  }, username)), /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-notification-time"
+  }, time))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-content-wrapper"
+  }, msgType === 'comment' ? 'added_a_new_comment' : 'added_a_reply'), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-content-wrapper"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-notification-content-quotes"
+  }, "\""), /*#__PURE__*/React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: textToHtml(detail)
+    },
+    className: "sdoc-notification-comment-content"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-notification-content-quotes"
+  }, "\"")));
+};
+export default Notification;

package/dist/components/tip-dialog/index.css

@@ -29,3 +29,20 @@
 .sdoc-tip-dialog .sdoc-tip-dialog-custom-container .sdoc-tip-operation-btn {
   min-width: 140px;
 }
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container.publishing {
+  padding: 2rem;
+  height: 180px;
+  justify-content: center;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container.publishing .common-loading-tip {
+  width: 30px;
+  height: 30px;
+  border-width: 4px;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container.publishing .sdoc-tip-content {
+  margin-top: 8px;
+  padding: 0;
+}

package/dist/components/tip-dialog/index.js

@@ -69,6 +69,13 @@ var TipDialog = function TipDialog(_ref) {
         onClick: refreshPage
       }, t('Refresh'))));
     }
+    if (tipType === TIP_TYPE.PUBLISHING) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-tip-dialog-custom-container publishing"
+      }, /*#__PURE__*/React.createElement(CommonLoading, null), /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-tip-content"
+      }, t(TIP_CONTENT[tipType])));
+    }
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ModalHeader, {
       toggle: NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) ? undefined : closeDialog
     }, t(TIP_TITLE[tipType])), /*#__PURE__*/React.createElement(ModalBody, {

package/dist/constants/index.js

@@ -12,7 +12,8 @@ export var EXTERNAL_EVENT = {
   DOCUMENT_REPLACED: 'document_replaced',
   DOCUMENT_REPLACED_ERROR: 'document_replaced_error',
   REMOVE_DOCUMENT: 'remove_document',
-  REMOVE_DOCUMENT_ERROR: 'remove_document_error'
+  REMOVE_DOCUMENT_ERROR: 'remove_document_error',
+  NEW_NOTIFICATION: 'new_notification'
 };
 export var TIP_TYPE = {
   DELETE_NO_CHANGES_REVISION: 'delete_no_changes_revision',

package/dist/context.js

@@ -344,6 +344,32 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getDocUuid();
       return this.api.updateRepoTag(docUuid, repoTagId, repoTagName, color);
     }
+
+    // comment notification
+  }, {
+    key: "listNotifications",
+    value: function listNotifications(page, perPage) {
+      var docUuid = this.getDocUuid();
+      return this.api.listNotifications(docUuid, page, perPage);
+    }
+  }, {
+    key: "markAllNotificationsRead",
+    value: function markAllNotificationsRead() {
+      var docUuid = this.getDocUuid();
+      return this.api.markAllNotificationsRead(docUuid);
+    }
+  }, {
+    key: "deleteAllNotifications",
+    value: function deleteAllNotifications() {
+      var docUuid = this.getDocUuid();
+      return this.api.deleteAllNotifications(docUuid);
+    }
+  }, {
+    key: "markNotificationRead",
+    value: function markNotificationRead(notificationId) {
+      var docUuid = this.getDocUuid();
+      return this.api.markNotificationRead(docUuid, notificationId);
+    }
   }]);
   return Context;
 }();

package/dist/layout/index.js

@@ -1,6 +1,7 @@
 import Layout from './layout';
 import Header from './header';
 import Content from './content';
+import Other from './other';
 import './layout.css';
-export { Header, Content };
+export { Header, Content, Other };
 export default Layout;

package/dist/layout/other.js

@@ -0,0 +1,8 @@
+import React from 'react';
+var Other = function Other(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "h-0 w-0 o-hidden position-relative"
+  }, children);
+};
+export default Other;

package/dist/model/index.js

@@ -1,3 +1,4 @@
 import Revision from './revision';
 import User from './user';
-export { Revision, User };
+import Notification from './notification';
+export { Revision, User, Notification };

package/dist/model/notification.js

@@ -0,0 +1,21 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import context from '../context';
+import dayjs from 'dayjs';
+var Notification = /*#__PURE__*/_createClass(function Notification(options) {
+  _classCallCheck(this, Notification);
+  this.id = options.id || '';
+  this.username = options.user_name || options.name || '';
+  this.userEmail = options.user_email;
+  this.userAvatarURL = options.avatar_url;
+  this.docUuid = options.doc_uuid || '';
+  this.msgType = options.msg_type || '';
+  this.detail = options.detail.comment || options.detail.reply || '';
+  this.seen = options.seen;
+  var createdAt = options.created_at || '';
+  var lang = context.getSetting('lang');
+  var oldTime = new Date(createdAt).getTime();
+  dayjs.locale(lang);
+  this.time = dayjs(oldTime).fromNow();
+});
+export default Notification;

package/dist/pages/simple-editor.js

@@ -9,7 +9,7 @@ import context from '../context';
 import ErrorBoundary from './error-boundary';
 import { SDocEditor } from '../basic-sdk';
 import { PublishedRevisionDiffViewer, RevisionDiffViewer } from '../basic-sdk/views';
-import { useDocument } from '../hooks';
+import { useDocument, CollaboratorsProvider } from '../hooks';
 import { resetWebTitle } from '../utils';
 import '../assets/css/simple-editor.css';
 var SimpleEditor = function SimpleEditor(_ref) {
@@ -110,7 +110,7 @@ var SimpleEditor = function SimpleEditor(_ref) {
       className: "error-tip"
     }, t(errorMessage)));
   }
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(DocInfo, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(CollaboratorsProvider, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(DocInfo, {
     isStarred: isStarred,
     isDraft: isDraft,
     isPublished: isPublished,
@@ -133,6 +133,6 @@ var SimpleEditor = function SimpleEditor(_ref) {
   }), !isPublished && isShowChanges && /*#__PURE__*/React.createElement(RevisionDiffViewer, {
     revisionContent: revisionContent,
     didMountCallback: setDiffChanges
-  }))));
+  })))));
 };
 export default withTranslation('sdoc-editor')(SimpleEditor);

package/dist/utils/index.js

@@ -3,6 +3,7 @@ import LocalStorage from './local-storage-utils';
 import context from '../context';
 import getEventTransfer from './get-event-transfer';
 import * as Hotkey from './hotkey';
+import { createNotify } from './notification-utils';
 export var getDirPath = function getDirPath(path) {
   var dir = path.slice(0, path.lastIndexOf('/'));
   if (dir === '') {
@@ -109,4 +110,4 @@ export var getSelectionCoords = function getSelectionCoords() {
     y: y
   };
 };
-export { DateUtils, LocalStorage, getEventTransfer, Hotkey };
+export { DateUtils, LocalStorage, getEventTransfer, Hotkey, createNotify };

package/dist/utils/notification-utils.js

@@ -0,0 +1,46 @@
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import context from '../context';
+dayjs.extend(relativeTime);
+var PERMISSION_GRANTED = 'granted';
+var notify = function notify($title, $options) {
+  var notification = new Notification($title, $options);
+
+  //auto clear notifications
+  var timer = setTimeout(notification.close.bind(notification), 5000);
+  notification.onshow = function (event) {
+    var _context$getSetting = context.getSetting('mediaUrl'),
+      mediaUrl = _context$getSetting.mediaUrl;
+    var newAudioElement = document.createElement('audio');
+    newAudioElement.setAttribute('src', "".concat(mediaUrl, "audio/classic.mp3"));
+    newAudioElement.setAttribute('autoplay', 'autoplay');
+    newAudioElement.setAttribute('id', 'seatable-audio');
+    var audioElement = document.getElementById('seatable-audio');
+    if (audioElement) {
+      document.body.removeChild(audioElement);
+    }
+    document.body.appendChild(newAudioElement);
+  };
+  notification.onclose = function () {
+    clearTimeout(timer);
+  };
+  notification.onclick = function () {
+    notification.close();
+  };
+};
+var createNotify = function createNotify(title, options) {
+  // Let's check if the browser supports notifications
+  if (!('Notification' in window)) {
+    return false;
+  }
+  if (Notification.permission === PERMISSION_GRANTED) {
+    notify(title, options);
+  } else {
+    Notification.requestPermission(function (res) {
+      if (res === PERMISSION_GRANTED) {
+        notify(title, options);
+      }
+    });
+  }
+};
+export { createNotify };

package/package.json

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

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

@@ -407,5 +407,16 @@
   "Add_option": "Create a new tag",
   "Find_an_option": "Search tags",
   "Copy_link_of_section": "Copy link of section",
-  "revision": "revision"
+  "revision": "revision",
+  "xxx_added_a_new_comment": "{{author}} added a new comment",
+  "xxx_added_a_reply": "{{author}} added a reply",
+  "Added_a_new_comment": "Added a new comment",
+  "Added_a_reply": "Added a reply",
+  "All_notifications": "All notifications",
+  "No_notification": "No notification",
+  "Mark_all_as_read": "Mark all as read",
+  "Delete_all_notifications": "Delete all notifications",
+  "View_all_notifications": "View all notifications",
+  "Notification": "Notification",
+  "Update_date": "Update date"
 }

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

@@ -408,5 +408,7 @@
   "Add_option": "新建标签",
   "Find_an_option": "查找标签",
   "Copy_link_of_section": "拷贝章节的链接",
-  "revision": "修订稿"
+  "revision": "修订稿",
+  "xxx_added_a_new_comment": "{{author}}添加了一条新评论",
+  "xxx_added_a_reply": "{{author}}添加了一条回复"
 }

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-notification" unicode="&#58970;" d="M931.2 80c-3.2 80-44.8 150.4-105.6 198.4V496c0 124.8-89.6 233.6-208 256v6.4C617.6 816 572.8 864 515.2 864S409.6 816 409.6 758.4v-6.4c-118.4-25.6-208-131.2-208-256v-217.6C137.6 233.6 99.2 160 96 80h835.2zM492.8-96h25.6c67.2 0 124.8 51.2 134.4 118.4H377.6c9.6-67.2 64-118.4 134.4-118.4h-19.2z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-add" unicode="&#58968;" d="M512-128C227.2-128 0 99.2 0 384S227.2 896 512 896s512-227.2 512-512-227.2-512-512-512z m-51.2 563.2H291.2c-19.2 0-35.2-12.8-35.2-35.2v-35.2c0-19.2 12.8-35.2 35.2-35.2h169.6V160c0-19.2 12.8-35.2 35.2-35.2h35.2c19.2 0 35.2 12.8 35.2 35.2v169.6H736c19.2 0 35.2 12.8 35.2 35.2v35.2c0 19.2-12.8 35.2-35.2 35.2h-169.6V604.8c0 19.2-12.8 35.2-35.2 35.2h-35.2c-19.2 0-35.2-12.8-35.2-35.2v-169.6z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-tag" unicode="&#58969;" d="M521.353986 860.33363l466.979644-466.979644c22.389435-22.389435 35.183398-51.175851 35.183398-83.160758s-12.793963-60.771324-35.183398-83.160759l-323.047562-319.849071c-22.389435-22.389435-51.175851-35.183398-79.962268-35.183398-31.984907 0-60.771324 12.793963-83.160758 35.183398L35.183398 374.163042c-25.587926 25.587926-38.381889 60.771324-31.984907 95.954721l31.984907 291.062655c6.396981 54.374342 47.977361 95.954721 102.351703 102.351703l291.062654 31.984907c31.984907 3.198491 67.168305-9.595472 92.756231-35.183398zM444.590209 767.577399L159.924536 735.592492l-31.984908-281.467182L578.926819-0.060372l316.65058 313.45209L444.590209 767.577399z m12.793963-127.939628c57.572833-57.572833 57.572833-147.130573 0-204.703406-25.587926-25.587926-63.969814-41.580379-102.351703-41.580379-38.381889 0-73.565286 12.793963-102.351703 41.580379-57.572833 57.572833-57.572833 147.130573 0 204.703406 57.572833 57.572833 150.329063 57.572833 204.703406 0z m-102.351703-70.366796c-6.396981 0-15.992454-3.198491-22.389435-9.595472-12.793963-12.793963-12.793963-31.984907 0-44.77887 12.793963-12.793963 31.984907-12.793963 44.77887 0 12.793963 12.793963 12.793963 31.984907 0 44.77887-6.396981 6.396981-12.793963 9.595472-22.389435 9.595472z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-notification:before {
+  content: "\e65a";
+}
+
 .sdoc-add:before {
   content: "\e658";
 }