@seafile/sdoc-editor 2.0.126-test-0.0.1 → 2.0.126-test-0.0.7

package/dist/constants/index.js

@@ -76,7 +76,7 @@ var INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CREATE_WIKI_PAGE: 'create_wiki_page',
   IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
   CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
-  TLDRAW_EDITOR: 'tldraw_editor'
+  GENERATE_EXDRAW_READ_ONLY_LINK: 'generate_exdraw_read_only_link'
 };
 var PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 var COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;

package/dist/extension/plugins/whiteboard/helper.js

@@ -48,12 +48,14 @@ var isInsertWhiteboardMenuDisabled = exports.isInsertWhiteboardMenuDisabled = fu
 var generateWhiteboardNode = exports.generateWhiteboardNode = function generateWhiteboardNode(repoID) {
   var filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var filePath = arguments.length > 2 ? arguments[2] : undefined;
+  var exdrawReadOnlyLink = arguments.length > 3 ? arguments[3] : undefined;
   var whiteboardNode = {
     id: _slugid["default"].nice(),
     type: _constants2.WHITEBOARD,
     repoID: repoID,
     title: filename,
     filePath: filePath,
+    link: exdrawReadOnlyLink,
     children: [{
       id: _slugid["default"].nice(),
       text: ''
@@ -66,7 +68,19 @@ var insertWhiteboard = exports.insertWhiteboard = function insertWhiteboard(edit
   if (isInsertWhiteboardMenuDisabled(editor)) return;
   if (editor.selection == null) return;
   var repoID = _context["default"].getSetting('repoID');
-  var whiteboardNode = generateWhiteboardNode(repoID, filename, filePath);
+  // const whiteboardNode = generateWhiteboardNode(repoID, filename, filePath);
+  console.log(44, repoID, filePath);
+  var exdrawReadOnlyLink;
+  var eventBus = _eventBus["default"].getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.GENERATE_EXDRAW_READ_ONLY_LINK, {
+    repoID: repoID,
+    filePath: filePath,
+    onSuccess: function onSuccess(link) {
+      exdrawReadOnlyLink = link;
+    }
+  });
+  console.log(44, repoID, filePath, exdrawReadOnlyLink);
+  var whiteboardNode = generateWhiteboardNode(repoID, filename, filePath, exdrawReadOnlyLink);
   var path = (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.anchor.path;
   var position = 'after';
   if (position === _constants2.INSERT_POSITION.AFTER) {

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

@@ -18,31 +18,27 @@ var Whiteboard = function Whiteboard(_ref) {
     element = _ref.element;
   var filePath = element.filePath,
     repoID = element.repoID,
-    title = element.title;
+    title = element.title,
+    link = element.link;
   var whiteboardRef = (0, _react.useRef)();
   var isSelected = (0, _slateReact.useSelected)();
   var containerId = "whiteboard-".concat(title);
+
   // Set default whiteboard readonly as true
-  var readOnly = true;
+  // const readOnly = true;
   var handleDoubleClick = function handleDoubleClick(event) {
     event.preventDefault();
-    // const siteRoot = window.app.config.siteRoot;
     var siteRoot = _context["default"].getSetting('siteRoot');
     var url = "".concat(siteRoot, "lib/").concat(repoID, "/file").concat(filePath);
     window.open(url, '_blank');
     return;
   };
-  (0, _react.useEffect)(function () {
-    var eventBus = _eventBus["default"].getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.TLDRAW_EDITOR, {
-      containerId: containerId,
-      props: {
-        filePath: filePath,
-        repoID: repoID,
-        readOnly: readOnly
-      }
-    });
-  }, [filePath, repoID, readOnly, containerId]);
+
+  // useEffect(() => {
+  //   const eventBus = EventBus.getInstance();
+  //   eventBus.dispatch(INTERNAL_EVENT.TLDRAW_EDITOR, { containerId, props: { filePath, repoID, readOnly } });
+  // }, [filePath, repoID, readOnly, containerId]);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('sdoc-whiteboard-container', {
       'isSelected': isSelected
@@ -55,6 +51,20 @@ var Whiteboard = function Whiteboard(_ref) {
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
     id: containerId,
     className: "sdoc-whiteboard-wrapper"
+  }), /*#__PURE__*/_react["default"].createElement("iframe", {
+    className: "sdoc-whiteboard-element",
+    title: title
+    // allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
+    ,
+    allowFullScreen: true,
+    src: link
+    // onLoad={handleVideoLoad}
+    ,
+    style: {
+      width: '100%',
+      height: '100%',
+      border: 'none'
+    }
   }));
 };
 function renderWhiteboard(props, editor) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.126-test-0.0.1",
+  "version": "2.0.126-test-0.0.7",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",