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

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/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/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.5",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",