@seafile/sdoc-editor 2.0.126-test-0.0.6 → 2.0.126-test-0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/constants/index.js +1 -1
  2. package/dist/extension/plugins/whiteboard/helper.js +73 -28
  3. package/dist/extension/plugins/whiteboard/render-elem.js +24 -13
  4. package/package.json +1 -1
package/dist/constants/index.js CHANGED
@@ -76,7 +76,7 @@ var INTERNAL_EVENT = exports.INTERNAL_EVENT = {
76
76
  CREATE_WIKI_PAGE: 'create_wiki_page',
77
77
  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
78
78
  CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
79
- TLDRAW_EDITOR: 'tldraw_editor'
79
+ GENERATE_EXDRAW_READ_ONLY_LINK: 'generate_exdraw_read_only_link'
80
80
  };
81
81
  var PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
82
82
  var COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
package/dist/extension/plugins/whiteboard/helper.js CHANGED
@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = exports.generateWhiteboardNode = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
9
+ var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
10
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
9
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
10
12
  var _slate = require("@seafile/slate");
11
13
  var _slugid = _interopRequireDefault(require("slugid"));
12
14
  var _constants = require("../../../constants");
13
- var _context = _interopRequireDefault(require("../../../context"));
15
+ var _context2 = _interopRequireDefault(require("../../../context"));
14
16
  var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
15
17
  var _constants2 = require("../../constants");
16
18
  var _core = require("../../core");
@@ -48,12 +50,14 @@ var isInsertWhiteboardMenuDisabled = exports.isInsertWhiteboardMenuDisabled = fu
48
50
  var generateWhiteboardNode = exports.generateWhiteboardNode = function generateWhiteboardNode(repoID) {
49
51
  var filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
50
52
  var filePath = arguments.length > 2 ? arguments[2] : undefined;
53
+ var exdrawReadOnlyLink = arguments.length > 3 ? arguments[3] : undefined;
51
54
  var whiteboardNode = {
52
55
  id: _slugid["default"].nice(),
53
56
  type: _constants2.WHITEBOARD,
54
57
  repoID: repoID,
55
58
  title: filename,
56
59
  filePath: filePath,
60
+ link: exdrawReadOnlyLink,
57
61
  children: [{
58
62
  id: _slugid["default"].nice(),
59
63
  text: ''
@@ -61,33 +65,74 @@ var generateWhiteboardNode = exports.generateWhiteboardNode = function generateW
61
65
  };
62
66
  return whiteboardNode;
63
67
  };
64
- var insertWhiteboard = exports.insertWhiteboard = function insertWhiteboard(editor, filename, filePath) {
65
- var _editor$selection;
66
- if (isInsertWhiteboardMenuDisabled(editor)) return;
67
- if (editor.selection == null) return;
68
- var repoID = _context["default"].getSetting('repoID');
69
- var whiteboardNode = generateWhiteboardNode(repoID, filename, filePath);
70
- var path = (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.anchor.path;
71
- var position = 'after';
72
- if (position === _constants2.INSERT_POSITION.AFTER) {
73
- _slate.Transforms.insertNodes(editor, whiteboardNode, {
74
- at: [path[0] + 1]
75
- });
76
- var nextPath = _slate.Path.next([path[0] + 1]);
77
- if (!(0, _core.getNode)(editor, nextPath)) {
78
- _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
79
- at: nextPath
80
- });
81
- }
82
- var endOfFirstNode = _slate.Editor.start(editor, nextPath);
83
- var range = {
84
- anchor: endOfFirstNode,
85
- focus: endOfFirstNode
86
- };
87
- (0, _core.focusEditor)(editor, range);
88
- return;
89
- }
90
- };
68
+ var insertWhiteboard = exports.insertWhiteboard = /*#__PURE__*/function () {
69
+ var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(editor, filename, filePath) {
70
+ var _editor$selection;
71
+ var repoID, eventBus, exdrawReadOnlyLink, whiteboardNode, path, position, nextPath, endOfFirstNode, range;
72
+ return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
73
+ while (1) switch (_context.prev = _context.next) {
74
+ case 0:
75
+ if (!isInsertWhiteboardMenuDisabled(editor)) {
76
+ _context.next = 2;
77
+ break;
78
+ }
79
+ return _context.abrupt("return");
80
+ case 2:
81
+ if (!(editor.selection == null)) {
82
+ _context.next = 4;
83
+ break;
84
+ }
85
+ return _context.abrupt("return");
86
+ case 4:
87
+ repoID = _context2["default"].getSetting('repoID'); // const whiteboardNode = generateWhiteboardNode(repoID, filename, filePath);
88
+ console.log(44, repoID, filePath);
89
+ eventBus = _eventBus["default"].getInstance();
90
+ _context.next = 9;
91
+ return new Promise(function (resolve) {
92
+ eventBus.dispatch(_constants.INTERNAL_EVENT.GENERATE_EXDRAW_READ_ONLY_LINK, {
93
+ repoID: repoID,
94
+ filePath: filePath,
95
+ onSuccess: function onSuccess(link) {
96
+ resolve(link);
97
+ }
98
+ });
99
+ });
100
+ case 9:
101
+ exdrawReadOnlyLink = _context.sent;
102
+ console.log(44, repoID, filePath, exdrawReadOnlyLink);
103
+ whiteboardNode = generateWhiteboardNode(repoID, filename, filePath, exdrawReadOnlyLink);
104
+ path = (_editor$selection = editor.selection) === null || _editor$selection === void 0 ? void 0 : _editor$selection.anchor.path;
105
+ position = 'after';
106
+ if (!(position === _constants2.INSERT_POSITION.AFTER)) {
107
+ _context.next = 22;
108
+ break;
109
+ }
110
+ _slate.Transforms.insertNodes(editor, whiteboardNode, {
111
+ at: [path[0] + 1]
112
+ });
113
+ nextPath = _slate.Path.next([path[0] + 1]);
114
+ if (!(0, _core.getNode)(editor, nextPath)) {
115
+ _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
116
+ at: nextPath
117
+ });
118
+ }
119
+ endOfFirstNode = _slate.Editor.start(editor, nextPath);
120
+ range = {
121
+ anchor: endOfFirstNode,
122
+ focus: endOfFirstNode
123
+ };
124
+ (0, _core.focusEditor)(editor, range);
125
+ return _context.abrupt("return");
126
+ case 22:
127
+ case "end":
128
+ return _context.stop();
129
+ }
130
+ }, _callee);
131
+ }));
132
+ return function insertWhiteboard(_x, _x2, _x3) {
133
+ return _ref.apply(this, arguments);
134
+ };
135
+ }();
91
136
  var onCreateWhiteboardFile = exports.onCreateWhiteboardFile = function onCreateWhiteboardFile(editor) {
92
137
  var eventBus = _eventBus["default"].getInstance();
93
138
  var external_props = {
package/dist/extension/plugins/whiteboard/render-elem.js CHANGED
@@ -18,12 +18,14 @@ var Whiteboard = function Whiteboard(_ref) {
18
18
  element = _ref.element;
19
19
  var filePath = element.filePath,
20
20
  repoID = element.repoID,
21
- title = element.title;
21
+ title = element.title,
22
+ link = element.link;
22
23
  var whiteboardRef = (0, _react.useRef)();
23
24
  var isSelected = (0, _slateReact.useSelected)();
24
25
  var containerId = "whiteboard-".concat(title);
26
+
25
27
  // Set default whiteboard readonly as true
26
- var readOnly = true;
28
+ // const readOnly = true;
27
29
  var handleDoubleClick = function handleDoubleClick(event) {
28
30
  event.preventDefault();
29
31
  var siteRoot = _context["default"].getSetting('siteRoot');
@@ -31,17 +33,12 @@ var Whiteboard = function Whiteboard(_ref) {
31
33
  window.open(url, '_blank');
32
34
  return;
33
35
  };
34
- (0, _react.useEffect)(function () {
35
- var eventBus = _eventBus["default"].getInstance();
36
- eventBus.dispatch(_constants.INTERNAL_EVENT.TLDRAW_EDITOR, {
37
- containerId: containerId,
38
- props: {
39
- filePath: filePath,
40
- repoID: repoID,
41
- readOnly: readOnly
42
- }
43
- });
44
- }, [filePath, repoID, readOnly, containerId]);
36
+
37
+ // useEffect(() => {
38
+ // const eventBus = EventBus.getInstance();
39
+ // eventBus.dispatch(INTERNAL_EVENT.TLDRAW_EDITOR, { containerId, props: { filePath, repoID, readOnly } });
40
+ // }, [filePath, repoID, readOnly, containerId]);
41
+
45
42
  return /*#__PURE__*/_react["default"].createElement("div", {
46
43
  className: (0, _classnames["default"])('sdoc-whiteboard-container', {
47
44
  'isSelected': isSelected
@@ -54,6 +51,20 @@ var Whiteboard = function Whiteboard(_ref) {
54
51
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
55
52
  id: containerId,
56
53
  className: "sdoc-whiteboard-wrapper"
54
+ }), /*#__PURE__*/_react["default"].createElement("iframe", {
55
+ className: "sdoc-whiteboard-element",
56
+ title: title
57
+ // allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
58
+ ,
59
+ allowFullScreen: true,
60
+ src: link
61
+ // onLoad={handleVideoLoad}
62
+ ,
63
+ style: {
64
+ width: '100%',
65
+ height: '100%',
66
+ border: 'none'
67
+ }
57
68
  }));
58
69
  };
59
70
  function renderWhiteboard(props, editor) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/sdoc-editor",
3
- "version": "2.0.126-test-0.0.6",
3
+ "version": "2.0.126-test-0.0.8",
4
4
  "main": "dist/index.js",
5
5
  "scripts": {
6
6
  "test": "jest",