@seafile/sdoc-editor 1.0.195-test0.0.2 → 1.0.195-test0.0.4

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

@@ -45,6 +45,7 @@ const LocalFiles = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const getTreeData = (0, _react.useCallback)((p, indexId, treeData) => {
+    console.log(9, p, indexId, treeData);
     return _context.default.getSdocLocalFiles(p, fileType).then(res => {
       res.data.forEach(item => {
         item.indexId = _slugid.default.nice();

package/dist/basic-sdk/extension/plugins/whiteboard/index.css

@@ -0,0 +1,5 @@
+.sdoc-whiteboard-container {
+  width: 670px;
+  height: auto;
+  border: 1px solid #ccc;
+}

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

@@ -9,8 +9,7 @@ var _constants = require("../../constants");
 var _plugin = _interopRequireDefault(require("./plugin"));
 var _menu = _interopRequireDefault(require("./menu"));
 var _renderElem = require("./render-elem");
-// import './index.css';
-
+require("./index.css");
 const WhiteboardPlugin = {
   type: _constants.WHITEBOARD,
   nodeType: 'element',

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

@@ -1,16 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderWhiteboard = renderWhiteboard;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+require("./index.css");
 const Whiteboard = _ref => {
   let {
     editor
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  // const whiteboardContainer = document.getElementById('sdoc-whiteboard-container');
+  const [tldraw, setTldraw] = (0, _react.useState)(null);
+  const renderWhiteboardEditor = Tldraw => {
+    console.log(4, Tldraw);
+    setTldraw( /*#__PURE__*/_react.default.createElement(Tldraw, null));
+  };
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeWhiteboardEditor = eventBus.subscribe(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, renderWhiteboardEditor);
+    console.log(3, renderWhiteboardEditor);
+    return () => {
+      unsubscribeWhiteboardEditor();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "sdoc-whiteboard-container"
+  }, tldraw);
 };
 function renderWhiteboard(props, editor) {
   return /*#__PURE__*/_react.default.createElement(Whiteboard, Object.assign({}, props, {

package/dist/constants/index.js

@@ -37,6 +37,7 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
   CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
+  TLDRAW_EDITOR: 'tldraw_editor',
   // wiki
   INSERT_LINK: 'insert_link',
   // document

package/package.json

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