@seafile/sdoc-editor 1.0.198-test0.3 → 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,7 +62,8 @@ const SelectSdocFileDialog = _ref => {
         insertSdocFileLinkCallback && insertSdocFileLinkCallback(editor, fileInfo.name, fileInfo.file_uuid);
         break;
       case _constants.ELEMENT_TYPE.WHITEBOARD:
-        insertWhiteboardFile && insertWhiteboardFile(editor, fileInfo.name, fileInfo.file_uuid);
+        console.log(12, dialogType, editor);
+        insertWhiteboardFile && insertWhiteboardFile(editor, fileInfo.name, fileInfo.path);
         break;
       default:
         break;
@@ -75,7 +77,6 @@ const SelectSdocFileDialog = _ref => {
     let fileInfo = {
       ...currentSelectedFile
     };
-    console.log(3, fileInfo);
     // File has no id
     if (!file_uuid || file_uuid === '') {
       _context.default.getSdocLocalFileId(currentSelectedFile.path).then(res => {
@@ -85,7 +86,6 @@ const SelectSdocFileDialog = _ref => {
             file_uuid: res.data.file_uuid
           };
         }
-        console.log(99, res, fileInfo);
         insertFile(fileInfo);
         closeDialog();
       }).catch(error => {

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

@@ -4,14 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = void 0;
+exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = exports.generateWhiteboardNode = void 0;
 var _slate = require("@seafile/slate");
+var _slugid = _interopRequireDefault(require("slugid"));
 var _core = require("../../core");
 var _constants = require("../../constants");
 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;
@@ -42,8 +44,45 @@ const isInsertWhiteboardMenuDisabled = (editor, readonly) => {
   return false;
 };
 exports.isInsertWhiteboardMenuDisabled = isInsertWhiteboardMenuDisabled;
-const insertWhiteboard = function (editor, videoFiles, srcList, selection) {
-  let position = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : _constants.INSERT_POSITION.CURRENT;
+const generateWhiteboardNode = function (repoID) {
+  let filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let filePath = arguments.length > 2 ? arguments[2] : undefined;
+  const whiteboardNode = {
+    id: _slugid.default.nice(),
+    type: _constants.WHITEBOARD,
+    repoID: repoID,
+    title: filename,
+    filePath: filePath,
+    children: [{
+      id: _slugid.default.nice(),
+      text: ''
+    }]
+  };
+  return whiteboardNode;
+};
+exports.generateWhiteboardNode = generateWhiteboardNode;
+const insertWhiteboard = (editor, filename, filePath) => {
+  console.log(8, editor);
+  if (isInsertWhiteboardMenuDisabled(editor)) return;
+  const {
+    repoID
+  } = window.app.pageOptions;
+  const {
+    selection
+  } = editor;
+  if (selection == null) return;
+  // const isCollapsed = Range.isCollapsed(selection);
+
+  const whiteboardNode = generateWhiteboardNode(repoID, filename, filePath);
+  let path = _slate.Editor.path(editor, editor.selection);
+  const position = 'after';
+  if (position === _constants.INSERT_POSITION.AFTER) {
+    _slate.Transforms.insertNodes(editor, whiteboardNode, {
+      at: [path[0] + 1]
+    });
+    (0, _core.focusEditor)(editor, [path[0] + 1, 2]);
+    return;
+  }
 };
 exports.insertWhiteboard = insertWhiteboard;
 const onCreateWhiteboardFile = editor => {

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,10 +34,15 @@ 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);
   return /*#__PURE__*/_react.default.createElement(Whiteboard, Object.assign({}, props, {
     editor: editor
   }));

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