@seafile/sdoc-editor 0.2.27 → 0.2.29-beta

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+var Notification = function Notification(_ref) {
+  var notification = _ref.notification,
+    markNotificationRead = _ref.markNotificationRead;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React.createElement("tr", {
+    onClick: function onClick() {
+      return markNotificationRead(notification.id);
+    }
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "pl-3"
+  }, /*#__PURE__*/React.createElement("img", {
+    style: {
+      borderRadius: '50%'
+    },
+    src: notification.userAvatarURL,
+    alt: "",
+    width: "30"
+  })), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-detail"
+  }, notification.msgType === 'comment' ? t('Added_a_new_comment') : t('Added_a_reply'))), /*#__PURE__*/React.createElement("td", null, notification.time));
+};
+export default Notification;

package/dist/components/doc-operations/notifications-operation/notifications-popover/index.css

@@ -0,0 +1,173 @@
+.sdoc-notifications-popover {
+  max-width: 322px;
+}
+
+.sdoc-notifications-popover .popover-inner {
+  width: 320px;
+  height: 386px;
+  overflow: hidden;
+}
+
+.sdoc-notifications-popover.sdoc-notifications-empty-popover .popover-inner {
+  height: 126px;
+}
+
+.sdoc-notifications-popover .sdoc-notification-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-notifications-popover .sdoc-notification-header {
+  width: 100%;
+  height: 50px;
+  border-bottom: 1px solid #ededed;
+  font-size: 16px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sdoc-notifications-popover .sdoc-notification-header .sdoc-notification-header-title {
+  flex: 1;
+  overflow: hidden;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-notifications-popover .sdoc-notification-header .sdoc-notification-header-close-btn {
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  color: #000;
+  opacity: .5;
+  font-weight: 700;
+}
+
+.sdoc-notifications-popover .sdoc-notification-header .sdoc-notification-header-close-btn:hover {
+  cursor: pointer;
+  opacity: .75;
+}
+
+.sdoc-notifications-popover .sdoc-notification-body {
+  width: 100%;
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.sdoc-notifications-popover .sdoc-mark-notifications {
+  border-bottom: 1px solid #ededed;
+  height: 36px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: 1rem;
+}
+
+.sdoc-notifications-popover .sdoc-mark-notifications .sdoc-mark-notifications-tip {
+  color: #b4b4b4;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-notifications-popover .sdoc-mark-notifications .sdoc-mark-notifications-tip:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.sdoc-notifications-popover .sdoc-notification-list-container {
+  flex: 1;
+  overflow: hidden;
+  width: 100%;
+}
+
+.sdoc-notifications-popover .sdoc-notification-list-content {
+  height: 100%;
+  overflow: scroll;
+}
+
+.sdoc-notifications-popover .sdoc-notification-list-content .sdoc-notification-item {
+  width: 100%;
+  padding: 14px 16px 14px 10px;
+  border-bottom: 1px solid #ededed;
+  position: relative;
+  cursor: pointer;
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-item-header {
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-point {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: red;
+  margin-right: 12px;
+  position: absolute;
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-header-info {
+  display: flex;
+  justify-content: space-between;
+  flex: 1 1;
+  margin-left: 20px;
+  width: calc(100% - 20px);
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-user-detail {
+  display: flex;
+  width: 65%;
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-user-name {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-weight: 500;
+  margin-left: 8px;
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-time {
+  color: #b4b4b4;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 13px;
+}
+
+.sdoc-notifications-popover .sdoc-notification-item .sdoc-notification-content-wrapper {
+  font-size: 13px;
+  margin-left: 3rem;
+  display: flex;
+}
+
+.sdoc-notifications-popover .sdoc-notification-footer {
+  width: 100%;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f9f9f9;
+  cursor: pointer;
+  border-top: 1px solid #ededed;
+}

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

@@ -0,0 +1,78 @@
+import React, { useRef, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { UncontrolledPopover } from 'reactstrap';
+import classnames from 'classnames';
+import Notification from './notification';
+import './index.css';
+var NotificationPopover = function NotificationPopover(_ref) {
+  var target = _ref.target,
+    notifications = _ref.notifications,
+    markAllNotificationsRead = _ref.markAllNotificationsRead,
+    listNotifications = _ref.listNotifications,
+    markNotificationRead = _ref.markNotificationRead,
+    onToggleNotificationsDialog = _ref.onToggleNotificationsDialog;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var ref = useRef(null);
+  var notificationContainerRef = useRef(null);
+  var notificationContentRef = useRef(null);
+  var onNotificationListToggle = useCallback(function () {
+    ref.current && ref.current.toggle();
+  }, [ref]);
+  var onScroll = useCallback(function () {
+    if (notificationContainerRef.current.offsetHeight + notificationContainerRef.current.scrollTop + 1 >= notificationContentRef.current.offsetHeight) {
+      listNotifications && listNotifications();
+    }
+  }, [listNotifications, notificationContainerRef, notificationContentRef]);
+  var toggleNotificationsDialog = useCallback(function () {
+    onToggleNotificationsDialog();
+    onNotificationListToggle();
+  }, [onToggleNotificationsDialog, onNotificationListToggle]);
+  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    ref: ref,
+    target: target,
+    placement: "bottom-end",
+    popperClassName: classnames('sdoc-notifications-popover', {
+      'sdoc-notifications-empty-popover': notifications.length === 0
+    }),
+    trigger: "legacy",
+    hideArrow: true,
+    fade: false,
+    security: "fixed"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-header-title"
+  }, t('Notification')), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-header-close-btn"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-sm-close",
+    onClick: onNotificationListToggle
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-mark-notifications"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-mark-notifications-tip",
+    onClick: markAllNotificationsRead
+  }, t('Mark_all_as_read'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-list-container",
+    ref: notificationContainerRef,
+    onScroll: onScroll
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-list-content",
+    ref: notificationContentRef
+  }, Array.isArray(notifications) && notifications.map(function (n) {
+    return /*#__PURE__*/React.createElement(Notification, {
+      key: n.id,
+      notification: n,
+      markNotificationRead: markNotificationRead
+    });
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-notification-footer",
+    onClick: toggleNotificationsDialog
+  }, t('View_all_notifications'))));
+};
+export default NotificationPopover;

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/doc-operations/revision-operations/more-revision-operations/index.js

@@ -4,7 +4,6 @@ import { withTranslation } from 'react-i18next';
 import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import context from '../../../../context';
 import toaster from '../../../toast';
-import { REVISION_FIRST_LOAD_KEY, REVISION_FIRST_LOAD_VALUE } from '../../../../constants';
 import './index.css';
 var MoreRevisionOperations = function MoreRevisionOperations(_ref) {
   var t = _ref.t;
@@ -19,7 +18,7 @@ var MoreRevisionOperations = function MoreRevisionOperations(_ref) {
     context.startRevise().then(function (res) {
       var repoID = context.getSetting('repoID');
       var siteRoot = context.getSetting('siteRoot');
-      var revisionURL = "".concat(siteRoot, "lib/").concat(repoID, "/revisions/").concat(res.data.revision_id, "/?").concat(REVISION_FIRST_LOAD_KEY, "=").concat(REVISION_FIRST_LOAD_VALUE);
+      var revisionURL = "".concat(siteRoot, "lib/").concat(repoID, "/revisions/").concat(res.data.revision_id, "/");
       window.open(revisionURL, '_blank');
     }).catch(function (error) {
       toaster.danger(t('Error'));

package/dist/components/doc-operations/tag-operation/tag-popover/index.css

@@ -41,6 +41,7 @@
   text-overflow: ellipsis;
   overflow: hidden;
   font-size: 13px;
+  font-weight: normal;
 }
 
 .sdoc-tag-item .sdoc-tag-added-mark {

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

@@ -2,3 +2,47 @@
   background-color: #FF8000;
   border-color: #FF8000;
 }
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 46px;
+  padding-bottom: 40px;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container .sdoc-tip-img-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 140px;
+  height: 140px;
+  overflow: hidden;
+}
+
+.sdoc-tip-dialog .sdoc-tip-dialog-custom-container .sdoc-tip-content {
+  width: 100%;
+  padding: 10px 16px 64px 16px;
+  text-align: center;
+}
+
+.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

@@ -5,6 +5,7 @@ import { Modal, ModalHeader, ModalBody, ModalFooter, Button } from 'reactstrap';
 import classnames from 'classnames';
 import { TIP_TYPE, TIP_TITLE, TIP_CONTENT } from '../../constants';
 import CommonLoading from '../common-loading';
+import ContentReplaced from '../../assets/images/content-replaced.png';
 import './index.css';
 var NOT_CLOSE_DIALOG_TIP_TYPE = [TIP_TYPE.HAS_BEEN_REPLACED, TIP_TYPE.HAS_BEEN_PUBLISHED, TIP_TYPE.CHECKING, TIP_TYPE.PUBLISHING];
 var TipDialog = function TipDialog(_ref) {
@@ -45,6 +46,55 @@ var TipDialog = function TipDialog(_ref) {
       };
     }
   }, [isSubmitting]);
+  var refreshPage = useCallback(function () {
+    window.location.reload();
+  }, []);
+  var renderTip = useCallback(function () {
+    if (tipType === TIP_TYPE.HAS_BEEN_REPLACED) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-tip-dialog-custom-container"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-tip-img-container"
+      }, /*#__PURE__*/React.createElement("img", {
+        src: ContentReplaced,
+        alt: "",
+        height: "140"
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-tip-content"
+      }, t(TIP_CONTENT[tipType])), /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-tip-operations-container"
+      }, /*#__PURE__*/React.createElement(Button, {
+        color: "primary",
+        className: "highlight-bg-color sdoc-tip-operation-btn",
+        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, {
+      className: "sdoc-tip-body"
+    }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, t(TIP_CONTENT[tipType]))), !NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) && /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+      color: "secondary",
+      className: "mr-2",
+      onClick: closeDialog
+    }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
+      color: "primary",
+      className: classnames('highlight-bg-color', {
+        'd-flex align-items-center': isSubmitting
+      }),
+      disabled: isSubmitting,
+      onClick: onSubmit
+    }, isSubmitting && /*#__PURE__*/React.createElement("span", {
+      className: "submit-loading-container mr-2"
+    }, /*#__PURE__*/React.createElement(CommonLoading, null)), t('Confirm'))));
+  }, [children, closeDialog, isSubmitting, onSubmit, t, tipType, refreshPage]);
   return /*#__PURE__*/React.createElement(Modal, {
     isOpen: true,
     autoFocus: false,
@@ -53,23 +103,6 @@ var TipDialog = function TipDialog(_ref) {
     toggle: closeDialog,
     className: classnames('sdoc-tip-dialog', className),
     contentClassName: "sdoc-tip-modal"
-  }, /*#__PURE__*/React.createElement(ModalHeader, {
-    toggle: NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) ? undefined : closeDialog
-  }, t(TIP_TITLE[tipType])), /*#__PURE__*/React.createElement(ModalBody, {
-    className: "sdoc-tip-body"
-  }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, t(TIP_CONTENT[tipType]))), !NOT_CLOSE_DIALOG_TIP_TYPE.includes(tipType) && /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-    color: "secondary",
-    className: "mr-2",
-    onClick: closeDialog
-  }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
-    color: "primary",
-    className: classnames('highlight-bg-color', {
-      'd-flex align-items-center': isSubmitting
-    }),
-    disabled: isSubmitting,
-    onClick: onSubmit
-  }, isSubmitting && /*#__PURE__*/React.createElement("span", {
-    className: "submit-loading-container mr-2"
-  }, /*#__PURE__*/React.createElement(CommonLoading, null)), t('Confirm'))));
+  }, renderTip());
 };
 export default TipDialog;

package/dist/constants/index.js

@@ -2,8 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _TIP_TITLE, _TIP_CONTENT;
 import KeyCodes from './key-codes';
 import * as TransferTypes from './transfer-types';
-export var REVISION_FIRST_LOAD_KEY = 'first-load';
-export var REVISION_FIRST_LOAD_VALUE = '1';
 export var EXTERNAL_EVENT = {
   INTERNAL_LINK_CLICK: 'internal_link_click',
   TOGGLE_STAR: 'toggle_star',
@@ -14,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/published-revision-viewer.js

@@ -8,7 +8,7 @@ import Layout, { Header, Content } from '../layout';
 import context from '../context';
 import ErrorBoundary from './error-boundary';
 import { PublishedRevisionDiffViewer } from '../basic-sdk';
-import { resetWebTitleAndURL } from '../utils';
+import { resetWebTitle } from '../utils';
 import '../assets/css/simple-editor.css';
 var PublishedRevisionViewer = function PublishedRevisionViewer() {
   context.initApi();
@@ -37,7 +37,7 @@ var PublishedRevisionViewer = function PublishedRevisionViewer() {
 
   // useMount: reset title
   useEffect(function () {
-    resetWebTitleAndURL(t);
+    resetWebTitle(t);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(function () {

package/dist/pages/simple-editor.js

@@ -9,8 +9,8 @@ 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 { resetWebTitleAndURL } from '../utils';
+import { useDocument, CollaboratorsProvider } from '../hooks';
+import { resetWebTitle } from '../utils';
 import '../assets/css/simple-editor.css';
 var SimpleEditor = function SimpleEditor(_ref) {
   var isStarred = _ref.isStarred,
@@ -37,7 +37,7 @@ var SimpleEditor = function SimpleEditor(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     changes = _useState6[0],
     setChanges = _useState6[1];
-  var initIsPublished = context.getSetting('isPublished');
+  var initIsPublished = context.getSetting('isPublished') || false;
   var _useState7 = useState(initIsPublished),
     _useState8 = _slicedToArray(_useState7, 2),
     isPublished = _useState8[0],
@@ -45,7 +45,7 @@ var SimpleEditor = function SimpleEditor(_ref) {
 
   // useMount: reset title
   useEffect(function () {
-    resetWebTitleAndURL(t);
+    resetWebTitle(t);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var setDiffChanges = useCallback(function (diff) {
@@ -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);