@seafile/sdoc-editor 0.1.55 → 0.1.56

package/dist/basic-sdk/editor.js

@@ -42,10 +42,6 @@ var SDocEditor = function SDocEditor(_ref) {
     setMenuPosition = _useState6[1];
   var _useCursors = useCursors(editor),
     cursors = _useCursors.cursors;
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    forceUpdateValue = _useState8[0],
-    setForceUpdateValue = _useState8[1];
 
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -94,14 +90,10 @@ var SDocEditor = function SDocEditor(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onSelect = useCallback(function () {
-    setForceUpdateValue({});
-  }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-editor-container"
   }, /*#__PURE__*/React.createElement(Toolbar, {
-    editor: editor,
-    forceUpdateValue: forceUpdateValue
+    editor: editor
   }), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-editor-content"
   }, /*#__PURE__*/React.createElement(SDocOutline, {
@@ -121,8 +113,7 @@ var SDocEditor = function SDocEditor(_ref) {
     onKeyDown: eventProxy.onKeyDown,
     cursors: cursors,
     onContextMenu: onContextMenu,
-    onMouseDown: onMouseDown,
-    onSelect: onSelect
+    onMouseDown: onMouseDown
   })))))), isShowContextMenu && /*#__PURE__*/React.createElement(ContextMenu, {
     editor: editor,
     contextMenuPosition: menuPosition

package/dist/basic-sdk/extension/toolbar/index.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useState } from 'react';
 import { ORDERED_LIST, UNORDERED_LIST } from '../constants';
 import { MenuGroup } from '../menu';
 import QuoteMenu from '../plugins/blockquote/menu';
@@ -11,8 +12,22 @@ import TextStyleMenuList from '../plugins/text-style/menu';
 import CodeBlockMenu from '../plugins/code-block/menu';
 import HistoryMenu from './redo-undo';
 import { TableMenu, ActiveTableMenu } from '../plugins/table/menu';
+import EventBus from '../../utils/event-bus';
 var Toolbar = function Toolbar(_ref) {
   var editor = _ref.editor;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    update = _useState2[1];
+  useEffect(function () {
+    var onChange = function onChange() {
+      return update({});
+    };
+    var eventBus = EventBus.getInstance();
+    var unsubscribe = eventBus.subscribe('change', onChange);
+    return function () {
+      unsubscribe();
+    };
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-editor-toolbar"
   }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(HistoryMenu, {

package/dist/basic-sdk/socket/with-socket-io.js

@@ -1,5 +1,6 @@
 var _this = this;
 import { generateCursorData } from '../cursor/helper';
+import EventBus from '../utils/event-bus';
 import SocketManager from './socket-manager';
 var withSocketIO = function withSocketIO(editor, options) {
   var onChange = editor.onChange;
@@ -33,6 +34,10 @@ var withSocketIO = function withSocketIO(editor, options) {
       }
       _socketManager.sendCursorLocation(editor.selection);
     }
+
+    // dispatch editor change event
+    var eventBus = EventBus.getInstance();
+    eventBus.dispatch('change');
     onChange();
   };
   return newEditor;

package/package.json

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