@seafile/sdoc-editor 0.3.7 → 0.3.9

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

@@ -4,6 +4,8 @@ import context from '../../../context';
 import { User } from '../../../model';
 import toaster from '../../../components/toast';
 import { getErrorMsg } from '../../../utils';
+import { EventBus } from '../../../basic-sdk';
+import { EXTERNAL_EVENT } from '../../../constants';
 const ParticipantsContext = React.createContext(null);
 export const ParticipantsProvider = props => {
   const isSdocRevision = context.getSetting('isSdocRevision');
@@ -37,6 +39,12 @@ export const ParticipantsProvider = props => {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [updateLocalParticipants, participants]);
+  const deleteLocalParticipant = useCallback(email => {
+    if (!participants.find(participant => participant.username === email)) return;
+    let newParticipants = participants.slice(0);
+    newParticipants = newParticipants.filter(participant => participant.username !== email);
+    setParticipants(newParticipants);
+  }, [participants]);
   const deleteParticipant = useCallback(email => {
     if (!participants.find(participant => participant.username === email)) return;
     context.deleteParticipants(email).then(res => {
@@ -57,6 +65,15 @@ export const ParticipantsProvider = props => {
     }).catch(error => {});
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    const unsubscribeParticipantAdded = eventBus.subscribe(EXTERNAL_EVENT.PARTICIPANT_ADDED, updateLocalParticipants);
+    const unsubscribeParticipantRemoved = eventBus.subscribe(EXTERNAL_EVENT.PARTICIPANT_REMOVED, deleteLocalParticipant);
+    return () => {
+      unsubscribeParticipantAdded();
+      unsubscribeParticipantRemoved();
+    };
+  }, [updateLocalParticipants, deleteLocalParticipant]);
   return /*#__PURE__*/React.createElement(ParticipantsContext.Provider, {
     value: {
       participants,

package/dist/basic-sdk/socket/socket-client.js

@@ -150,6 +150,14 @@ class SocketClient {
       const socketManager = SocketManager.getInstance();
       socketManager.receiveNewNotification(notification);
     };
+    this.receiveParticipantAdded = uses => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveParticipantAdded(uses);
+    };
+    this.receiveParticipantRemoved = email => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveParticipantRemoved(email);
+    };
     this.config = config;
     this.isReconnect = false;
     this.socket = io(config.sdocServer, {
@@ -180,6 +188,10 @@ class SocketClient {
 
     // notification
     this.socket.on('new-notification', this.receiveNewNotification);
+
+    // participant
+    this.socket.on('participant-added', this.receiveParticipantAdded);
+    this.socket.on('participant-removed', this.receiveParticipantRemoved);
     this.socket.io.on('reconnect', this.onReconnect);
     this.socket.io.on('reconnect_attempt', this.onReconnectAttempt);
     this.socket.io.on('reconnect_error', this.onReconnectError);

package/dist/basic-sdk/socket/socket-manager.js

@@ -339,6 +339,12 @@ class SocketManager {
     this.closeSocketConnect = () => {
       this.socketClient.disconnectWithServer();
     };
+    this.receiveParticipantAdded = uses => {
+      this.eventBus.dispatch(EXTERNAL_EVENT.PARTICIPANT_ADDED, uses);
+    };
+    this.receiveParticipantRemoved = email => {
+      this.eventBus.dispatch(EXTERNAL_EVENT.PARTICIPANT_REMOVED, email);
+    };
     this.editor = editor;
     this.document = _document;
     this.socketClient = new SocketClient(config);

package/dist/components/toast/alert.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from 'glamor';
+import { css } from 'goober';
 class Alert extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -104,11 +104,13 @@ class Alert extends React.PureComponent {
   }
   render() {
     const toastStyle = this.getContainerStyle(this.props.intent);
-    return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(toastStyle.borderStyle, " ").concat(this.containerStyle)
+    }, /*#__PURE__*/React.createElement("div", {
       className: this.toastIcon
-    }, /*#__PURE__*/React.createElement("i", Object.assign({
-      className: toastStyle.iconClass
-    }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "".concat(toastStyle.iconColor, " ").concat(toastStyle.iconClass)
+    })), /*#__PURE__*/React.createElement("div", {
       className: this.toastTextContainer
     }, /*#__PURE__*/React.createElement("p", {
       className: this.toastTextTitle

package/dist/components/toast/toast.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { css } from 'glamor';
+import { css, keyframes } from 'goober';
 import Transition from 'react-transition-group/Transition';
 import Alert from './alert';
 const animationEasing = {
@@ -8,7 +8,7 @@ const animationEasing = {
   spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)'
 };
 const ANIMATION_DURATION = 240;
-const openAnimation = css.keyframes('openAnimation', {
+const openAnimation = keyframes('openAnimation', {
   from: {
     opacity: 0,
     transform: 'translateY(-120%)'
@@ -17,7 +17,7 @@ const openAnimation = css.keyframes('openAnimation', {
     transform: 'translateY(0)'
   }
 });
-const closeAnimation = css.keyframes('closeAnimation', {
+const closeAnimation = keyframes('closeAnimation', {
   from: {
     transform: 'scale(1)',
     opacity: 1

package/dist/components/toast/toastManager.js

@@ -2,10 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 const _excluded = ["id", "description"];
 import React from 'react';
-import { css } from 'glamor';
+import { css } from 'goober';
 import Toast from './toast';
 const wrapperClass = css({
-  maxWidth: 560,
+  maxWidth: '560px',
   margin: '0 auto',
   top: 0,
   left: 0,

package/dist/constants/index.js

@@ -11,7 +11,9 @@ export const EXTERNAL_EVENT = {
   DOCUMENT_REPLACED_ERROR: 'document_replaced_error',
   REMOVE_DOCUMENT: 'remove_document',
   REMOVE_DOCUMENT_ERROR: 'remove_document_error',
-  NEW_NOTIFICATION: 'new_notification'
+  NEW_NOTIFICATION: 'new_notification',
+  PARTICIPANT_ADDED: 'participant-added',
+  PARTICIPANT_REMOVED: 'participant-removed'
 };
 export const TIP_TYPE = {
   DELETE_NO_CHANGES_REVISION: 'delete_no_changes_revision',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -15,6 +15,7 @@
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "1.11.2",
     "deep-copy": "1.4.2",
+    "goober": "2.1.13",
     "is-hotkey": "0.2.0",
     "is-url": "^1.2.4",
     "lodash.throttle": "4.1.1",
@@ -91,7 +92,6 @@
     "eslint-plugin-react-hooks": "^1.6.1",
     "file-loader": "6.2.0",
     "fs-extra": "7.0.1",
-    "glamor": "2.20.40",
     "html-webpack-plugin": "^4.0.0-beta.5",
     "husky": "8.0.3",
     "i18next": "22.4.9",
@@ -113,7 +113,7 @@
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
-    "postcss-safe-parser": "^7.0.0",
+    "postcss-safe-parser": "^6.0.0",
     "prettier": "3.1.0",
     "prop-types": "15.8.1",
     "raf": "3.4.0",