@seafile/sdoc-editor 1.0.198-test0.4 → 1.0.198-test0.6

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -27,6 +27,7 @@ const InsertElementDialog = _ref => {
   let {
     editor
   } = _ref;
+  console.log(3, editor);
   const [dialogType, setDialogType] = (0, _react.useState)('');
   const [element, setElement] = (0, _react.useState)('');
   const [insertPosition, setInsertPosition] = (0, _react.useState)(_constants2.INSERT_POSITION.CURRENT);
@@ -97,6 +98,7 @@ const InsertElementDialog = _ref => {
       // link shortcut wrapping link
       handleSubmit
     } = _ref2;
+    console.log(5, insertWhiteboard, paramEditor);
     setInsertPosition(insertPosition);
     setSlateNode(slateNode);
     setElement(element);
@@ -181,6 +183,7 @@ const InsertElementDialog = _ref => {
           insertWhiteboardFile,
           closeDialog
         };
+        console.log(555, editor, insertWhiteboardFile);
         return /*#__PURE__*/_react.default.createElement(_index.default, whiteboardProps);
       }
     case _constants2.LOCAL_IMAGE:

package/dist/basic-sdk/extension/commons/select-file-dialog/index.js

@@ -24,6 +24,7 @@ const SelectSdocFileDialog = _ref => {
     insertLinkCallback,
     insertWhiteboardFile
   } = _ref;
+  console.log(3, insertWhiteboardFile);
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');
@@ -61,6 +62,7 @@ const SelectSdocFileDialog = _ref => {
         insertSdocFileLinkCallback && insertSdocFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
         break;
       case _constants.ELEMENT_TYPE.WHITEBOARD:
+        console.log(12, dialogType, editor);
         insertWhiteboardFile && insertWhiteboardFile(editor, fileInfo.name, fileInfo.path);
         break;
       default:

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

@@ -149,6 +149,12 @@ Object.defineProperty(exports, "VideoPlugin", {
     return _video.default;
   }
 });
+Object.defineProperty(exports, "WhiteboardPlugin", {
+  enumerable: true,
+  get: function () {
+    return _whiteboard.default;
+  }
+});
 Object.defineProperty(exports, "WikiLinkPlugin", {
   enumerable: true,
   get: function () {
@@ -181,7 +187,8 @@ var _quickInsert = _interopRequireDefault(require("./quick-insert"));
 var _wikiLink = _interopRequireDefault(require("./wiki-link"));
 var _seatableColumn = _interopRequireDefault(require("./seatable-column"));
 var _seatableTables = _interopRequireDefault(require("./seatable-tables"));
-const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _video.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default];
+var _whiteboard = _interopRequireDefault(require("./whiteboard"));
+const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _video.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default, _whiteboard.default];
 const WikiPlugins = exports.WikiPlugins = [...Plugins, _wikiLink.default];
 const CommentPlugins = exports.CommentPlugins = [_markdown.default, _html.default, _paragraph.default, _textStyle.default, _list.default, _image.default, _link.default, _mention.default, _blockquote.default];
 var _default = exports.default = Plugins;

package/dist/basic-sdk/extension/plugins/whiteboard/helpers.js

@@ -13,6 +13,7 @@ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../../../constants");
 const isInsertWhiteboardMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
+  console.log(9, editor);
   const {
     selection
   } = editor;
@@ -61,6 +62,7 @@ const generateWhiteboardNode = function (repoID) {
 };
 exports.generateWhiteboardNode = generateWhiteboardNode;
 const insertWhiteboard = (editor, filename, filePath) => {
+  console.log(8, editor);
   if (isInsertWhiteboardMenuDisabled(editor)) return;
   const {
     repoID

package/dist/basic-sdk/extension/plugins/whiteboard/menu/index.js

@@ -20,22 +20,22 @@ const WhiteboardMenu = _ref => {
     eventBus,
     toggle
   } = _ref;
+  console.log(1, editor, readonly);
   const disabled = (0, _helpers.isInsertWhiteboardMenuDisabled)(editor, readonly);
   const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.WHITEBOARD];
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const onCreateFile = () => {
     (0, _helpers.onCreateWhiteboardFile)(editor);
   };
   const openSelectSdocFileDialog = (0, _react.useCallback)(() => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants.ELEMENT_TYPE.WHITEBOARD,
-      insertWhiteboard: _helpers.insertWhiteboard
+      insertWhiteboard: _helpers.insertWhiteboard,
+      paramEditor: editor || null
     });
     toggle && toggle();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [toggle, eventBus]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
     disabled: disabled,

package/dist/basic-sdk/extension/plugins/whiteboard/render-elem.js

@@ -16,14 +16,14 @@ const Whiteboard = _ref => {
     repoID,
     filePath
   } = _ref;
-  // const whiteboardContainer = document.getElementById('sdoc-whiteboard-container');
+  const whiteboardRef = (0, _react.useRef)();
   const [tldraw, setTldraw] = (0, _react.useState)(null);
+  console.log(33, repoID, filePath);
   const renderWhiteboardEditor = Tldraw => {
-    console.log(4, Tldraw);
-    setTldraw( /*#__PURE__*/_react.default.createElement(Tldraw, {
-      repoID: repoID,
-      filePath: filePath
-    }));
+    console.log(4, Tldraw, repoID, filePath);
+    if (Tldraw) {
+      setTldraw(() => Tldraw);
+    }
   };
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
@@ -34,8 +34,12 @@ const Whiteboard = _ref => {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc-whiteboard-container"
-  }, tldraw);
+    id: "sdoc-whiteboard-container",
+    ref: whiteboardRef
+  }, tldraw && /*#__PURE__*/_react.default.createElement("tldraw", {
+    repoID: repoID,
+    filePath: filePath
+  }));
 };
 function renderWhiteboard(props, editor) {
   console.log(3, editor, props);

package/dist/basic-sdk/extension/render/custom-element.js

@@ -215,7 +215,9 @@ const CustomRenderElement = props => {
     case _elementType.WHITEBOARD:
       {
         const [renderWhiteboard] = _whiteboard.default.renderElements;
-        return renderWhiteboard(props, editor);
+        return renderWhiteboard({
+          ...props
+        }, editor);
       }
     default:
       {

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

@@ -66,6 +66,7 @@ const InsertToolbar = _ref => {
     readonly,
     toggle
   };
+  console.log(9, props.editor);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,

package/package.json

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