@seafile/sdoc-editor 0.3.6 → 0.3.7

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

@@ -1,184 +1,188 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import io from 'socket.io-client';
 import SocketManager from './socket-manager';
 import { clientDebug, serverDebug } from '../utils/debug';
-var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
-  var _this = this;
-  _classCallCheck(this, SocketClient);
-  this.getParams = function () {
-    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _this$config = _this.config,
-      docUuid = _this$config.docUuid,
-      user = _this$config.user;
-    return _objectSpread({
-      doc_uuid: docUuid,
-      user: user
-    }, params);
-  };
-  this.onConnected = function () {
-    // join room
-    _this.socket.emit('join-room', function (result) {
-      var socketManager = SocketManager.getInstance();
-      if (result.success) {
-        // sync operations or document
-        if (_this.isReconnect) {
-          _this.isReconnect = false;
-          // The reconnect of socketManager needs to be triggered after entering the room again
-          socketManager.onReconnect(result);
+class SocketClient {
+  constructor(config) {
+    var _this = this;
+    this.getParams = function () {
+      let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const {
+        docUuid,
+        user
+      } = _this.config;
+      return _objectSpread({
+        doc_uuid: docUuid,
+        user
+      }, params);
+    };
+    this.onConnected = () => {
+      // join room
+      this.socket.emit('join-room', result => {
+        const socketManager = SocketManager.getInstance();
+        if (result.success) {
+          // sync operations or document
+          if (this.isReconnect) {
+            this.isReconnect = false;
+            // The reconnect of socketManager needs to be triggered after entering the room again
+            socketManager.onReconnect(result);
+          }
+          socketManager.dispatchConnectState('onConnected', result);
+          return;
         }
-        socketManager.dispatchConnectState('onConnected', result);
-        return;
-      }
 
-      // Disconnect the server in the client side. There will be no reconnection.
-      _this.socket.disconnect();
-      socketManager.dispatchConnectState('connect-error', result);
-    });
-  };
-  this.onReconnect = function (data) {
-    clientDebug('reconnect.');
-    _this.isReconnect = true;
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('reconnect');
-  };
-  this.onReconnectAttempt = function (attemptNumber) {
-    clientDebug('reconnect_attempt. %s', attemptNumber);
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('reconnect_attempt', attemptNumber);
-  };
-  this.onReconnectError = function () {
-    clientDebug('reconnect_error.');
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('reconnect_error');
-  };
-  this.onDisconnected = function (data) {
-    clientDebug('disconnect message: %s', data);
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('disconnect');
-  };
-  this.onConnectError = function () {
-    clientDebug('connect_error.');
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('connect_error');
-  };
-  this.sendOperations = function (operations, version, selection, callback) {
-    clientDebug('send operations: %O', operations);
-    _this.socket.emit('update-document', _this.getParams({
-      operations: operations,
-      version: version,
-      selection: selection
-    }), function (result) {
-      callback && callback(result);
-    });
-  };
-  this.onJoinRoom = function (userInfo) {
-    serverDebug('%s joined room success.', userInfo.username);
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('join-room', userInfo);
-  };
-  this.onLeaveRoom = function (username) {
-    serverDebug('%s leaved room success.', username);
-    var socketManager = SocketManager.getInstance();
-    socketManager.dispatchConnectState('leave-room', username);
-  };
-  /**
-   * receive remote broadcast operations
-   * @param {*} params {operations, version}
-   */
-  this.onReceiveRemoteOperations = function (params) {
-    serverDebug('receive operations: %O', params);
-    var socketManager = SocketManager.getInstance();
-    socketManager.onReceiveRemoteOperations(params);
-  };
-  this.getRecentOperations = function () {
-    var docUuid = _this.config.docUuid;
-    var socketManager = SocketManager.getInstance();
-    var clientVersion = socketManager.getDocumentVersion();
-    _this.socket.emit('sync-document', {
-      doc_uuid: docUuid,
-      version: clientVersion
-    }, function (result) {
-      if (result.success) {
-        socketManager.onGetRecentOperations(result);
+        // Disconnect the server in the client side. There will be no reconnection.
+        this.socket.disconnect();
+        socketManager.dispatchConnectState('connect-error', result);
+      });
+    };
+    this.onReconnect = data => {
+      clientDebug('reconnect.');
+      this.isReconnect = true;
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('reconnect');
+    };
+    this.onReconnectAttempt = attemptNumber => {
+      clientDebug('reconnect_attempt. %s', attemptNumber);
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('reconnect_attempt', attemptNumber);
+    };
+    this.onReconnectError = () => {
+      clientDebug('reconnect_error.');
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('reconnect_error');
+    };
+    this.onDisconnected = data => {
+      clientDebug('disconnect message: %s', data);
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('disconnect');
+    };
+    this.onConnectError = () => {
+      clientDebug('connect_error.');
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('connect_error');
+    };
+    this.sendOperations = (operations, version, selection, callback) => {
+      clientDebug('send operations: %O', operations);
+      this.socket.emit('update-document', this.getParams({
+        operations,
+        version,
+        selection
+      }), result => {
+        callback && callback(result);
+      });
+    };
+    this.onJoinRoom = userInfo => {
+      serverDebug('%s joined room success.', userInfo.username);
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('join-room', userInfo);
+    };
+    this.onLeaveRoom = username => {
+      serverDebug('%s leaved room success.', username);
+      const socketManager = SocketManager.getInstance();
+      socketManager.dispatchConnectState('leave-room', username);
+    };
+    /**
+     * receive remote broadcast operations
+     * @param {*} params {operations, version}
+     */
+    this.onReceiveRemoteOperations = params => {
+      serverDebug('receive operations: %O', params);
+      const socketManager = SocketManager.getInstance();
+      socketManager.onReceiveRemoteOperations(params);
+    };
+    this.getRecentOperations = () => {
+      const {
+        docUuid
+      } = this.config;
+      const socketManager = SocketManager.getInstance();
+      const clientVersion = socketManager.getDocumentVersion();
+      this.socket.emit('sync-document', {
+        doc_uuid: docUuid,
+        version: clientVersion
+      }, result => {
+        if (result.success) {
+          socketManager.onGetRecentOperations(result);
+        }
+      });
+    };
+    this.sendCursorLocation = location => {
+      const {
+        cursorData: cursor_data
+      } = this.config;
+      this.socket.emit('update-cursor', this.getParams({
+        location,
+        cursor_data
+      }));
+    };
+    this.receiveCursorLocation = params => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveCursorLocation(params);
+    };
+    this.disconnectWithServer = () => {
+      this.socket.disconnect();
+    };
+    this.receivePublishDocument = () => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receivePublishDocument();
+    };
+    this.receivePublishDocumentError = () => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receivePublishDocumentError();
+    };
+    this.receiveDocumentReplaced = () => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveDocumentReplaced();
+    };
+    this.receiveDocumentReplacedError = () => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveDocumentReplacedError();
+    };
+    this.receiveRemoveDocument = () => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveRemoveDocument();
+    };
+    this.receiveRemoveDocumentError = () => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveRemoveDocumentError();
+    };
+    this.receiveNewNotification = notification => {
+      const socketManager = SocketManager.getInstance();
+      socketManager.receiveNewNotification(notification);
+    };
+    this.config = config;
+    this.isReconnect = false;
+    this.socket = io(config.sdocServer, {
+      reconnection: true,
+      auth: {
+        token: config.accessToken
       }
     });
-  };
-  this.sendCursorLocation = function (location) {
-    var cursor_data = _this.config.cursorData;
-    _this.socket.emit('update-cursor', _this.getParams({
-      location: location,
-      cursor_data: cursor_data
-    }));
-  };
-  this.receiveCursorLocation = function (params) {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveCursorLocation(params);
-  };
-  this.disconnectWithServer = function () {
-    _this.socket.disconnect();
-  };
-  this.receivePublishDocument = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receivePublishDocument();
-  };
-  this.receivePublishDocumentError = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receivePublishDocumentError();
-  };
-  this.receiveDocumentReplaced = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveDocumentReplaced();
-  };
-  this.receiveDocumentReplacedError = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveDocumentReplacedError();
-  };
-  this.receiveRemoveDocument = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveRemoveDocument();
-  };
-  this.receiveRemoveDocumentError = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveRemoveDocumentError();
-  };
-  this.receiveNewNotification = function (notification) {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveNewNotification(notification);
-  };
-  this.config = config;
-  this.isReconnect = false;
-  this.socket = io(config.sdocServer, {
-    reconnection: true,
-    auth: {
-      token: config.accessToken
-    }
-  });
-  this.socket.on('connect', this.onConnected);
-  this.socket.on('disconnect', this.onDisconnected);
-  this.socket.on('connect_error', this.onConnectError);
-  this.socket.on('join-room', this.onJoinRoom);
-  this.socket.on('leave-room', this.onLeaveRoom);
-  this.socket.on('update-document', this.onReceiveRemoteOperations);
+    this.socket.on('connect', this.onConnected);
+    this.socket.on('disconnect', this.onDisconnected);
+    this.socket.on('connect_error', this.onConnectError);
+    this.socket.on('join-room', this.onJoinRoom);
+    this.socket.on('leave-room', this.onLeaveRoom);
+    this.socket.on('update-document', this.onReceiveRemoteOperations);
 
-  // doc replaced
-  this.socket.on('doc-replaced', this.receiveDocumentReplaced);
-  this.socket.on('doc-replaced-error', this.receiveDocumentReplacedError);
+    // doc replaced
+    this.socket.on('doc-replaced', this.receiveDocumentReplaced);
+    this.socket.on('doc-replaced-error', this.receiveDocumentReplacedError);
 
-  // doc published
-  this.socket.on('doc-published', this.receivePublishDocument);
-  this.socket.on('doc-published-error', this.receivePublishDocumentError);
+    // doc published
+    this.socket.on('doc-published', this.receivePublishDocument);
+    this.socket.on('doc-published-error', this.receivePublishDocumentError);
 
-  // doc removed
-  this.socket.on('doc-removed', this.receiveRemoveDocument);
-  this.socket.on('doc-removed-error', this.receiveRemoveDocumentError);
-  this.socket.on('update-cursor', this.receiveCursorLocation);
+    // doc removed
+    this.socket.on('doc-removed', this.receiveRemoveDocument);
+    this.socket.on('doc-removed-error', this.receiveRemoveDocumentError);
+    this.socket.on('update-cursor', this.receiveCursorLocation);
 
-  // notification
-  this.socket.on('new-notification', this.receiveNewNotification);
-  this.socket.io.on('reconnect', this.onReconnect);
-  this.socket.io.on('reconnect_attempt', this.onReconnectAttempt);
-  this.socket.io.on('reconnect_error', this.onReconnectError);
-});
+    // notification
+    this.socket.on('new-notification', this.receiveNewNotification);
+    this.socket.io.on('reconnect', this.onReconnect);
+    this.socket.io.on('reconnect_attempt', this.onReconnectAttempt);
+    this.socket.io.on('reconnect_error', this.onReconnectError);
+  }
+}
 export default SocketClient;