@seafile/comment-editor 0.0.1-alpha.0 → 0.0.1-alpha.2

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 (48) hide show
  1. package/README.md +2 -4
  2. package/dist/basic-sdk/assets/css/layout.css +2 -2
  3. package/dist/basic-sdk/assets/css/sdoc-comment-editor-plugin.css +4 -4
  4. package/dist/basic-sdk/comment/components/comment-all-participants/index.css +8 -8
  5. package/dist/basic-sdk/comment/components/comment-editor.js +123 -7
  6. package/dist/basic-sdk/comment/components/comment-item-collapse-wrapper.js +2 -2
  7. package/dist/basic-sdk/comment/components/comment-item-content.js +11 -13
  8. package/dist/basic-sdk/comment/components/comment-item-wrapper.js +32 -36
  9. package/dist/basic-sdk/comment/components/comment-list.css +4 -4
  10. package/dist/basic-sdk/comment/components/comment-participants-editor/index.js +2 -2
  11. package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js +5 -4
  12. package/dist/basic-sdk/comment/components/global-comment/global-comment-header.js +11 -4
  13. package/dist/basic-sdk/comment/components/global-comment/index.css +56 -54
  14. package/dist/basic-sdk/comment/components/global-comment/index.js +41 -36
  15. package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-mount.js +3 -4
  16. package/dist/basic-sdk/comment/hooks/notification-hooks/use-notification-mount.js +2 -6
  17. package/dist/basic-sdk/comment/index.js +2 -48
  18. package/dist/basic-sdk/constants/index.js +1 -2
  19. package/dist/basic-sdk/context.js +8 -8
  20. package/dist/basic-sdk/extension/plugins/link/menu/index.js +1 -1
  21. package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js +3 -6
  22. package/dist/basic-sdk/extension/render/render-comment-editor-element.js +1 -1
  23. package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js +3 -3
  24. package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/post-comment/index.js +2 -2
  25. package/dist/basic-sdk/hooks/use-comment.js +218 -0
  26. package/dist/basic-sdk/index.js +12 -32
  27. package/dist/basic-sdk/{right-panel → layout/comment-layout}/index.css +2 -2
  28. package/dist/basic-sdk/{right-panel → layout/comment-layout}/index.js +29 -28
  29. package/dist/basic-sdk/layout/comment-layout/resize-width/index.css +38 -0
  30. package/dist/basic-sdk/{right-panel → layout/comment-layout}/resize-width/index.js +3 -3
  31. package/dist/basic-sdk/layout/index.js +0 -7
  32. package/dist/index.js +12 -0
  33. package/dist/pages/seafile-comment-editor.js +19 -52
  34. package/package.json +2 -1
  35. package/dist/basic-sdk/comment/components/global-comment/global-comment-editor.js +0 -36
  36. package/dist/basic-sdk/comment/provider/comment-context-provider.js +0 -37
  37. package/dist/basic-sdk/comment/provider/index.js +0 -23
  38. package/dist/basic-sdk/comment/provider/notification-context-provider.js +0 -31
  39. package/dist/basic-sdk/comment/provider/participants-content-provider.js +0 -96
  40. package/dist/basic-sdk/editor/comment-article.js +0 -104
  41. package/dist/basic-sdk/editor/sdoc-comment-editor.js +0 -128
  42. package/dist/basic-sdk/editor/sdoc-editor.js +0 -50
  43. package/dist/basic-sdk/hooks/use-collaborators.js +0 -62
  44. package/dist/basic-sdk/hooks/use-plugins.js +0 -9
  45. package/dist/basic-sdk/layout/article-container.js +0 -89
  46. package/dist/basic-sdk/right-panel/resize-width/index.css +0 -38
  47. package/dist/hooks/index.js +0 -12
  48. package/dist/hooks/use-document.js +0 -75
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _comment = _interopRequireDefault(require("../comment"));
7
- var _commentOperation = _interopRequireDefault(require("../comment/components/comment-operation"));
8
- var _constants = require("../constants");
9
- const PluginsContext = /*#__PURE__*/_react.default.createContext(null);
@@ -1,89 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = ArticleContainer;
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _constants = require("../constants");
11
- var _useScrollContext = require("../hooks/use-scroll-context");
12
- var _defaultMode = require("../utils/default-mode");
13
- var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
14
- var _fullWidthMode = require("../utils/full-width-mode");
15
- var _localStorageUtils = _interopRequireDefault(require("../utils/local-storage-utils"));
16
- function ArticleContainer(_ref) {
17
- let {
18
- editor,
19
- children
20
- } = _ref;
21
- const scrollRef = (0, _useScrollContext.useScrollContext)();
22
- const articleRef = (0, _react.useRef)(null);
23
- const [containerStyle, setContainerStyle] = (0, _react.useState)({});
24
- (0, _react.useEffect)(() => {
25
- editor.width = articleRef.current.children[0].clientWidth;
26
- // eslint-disable-next-line react-hooks/exhaustive-deps
27
- }, []);
28
- const handleWindowResize = (0, _react.useCallback)(function () {
29
- let {
30
- scrollIntoArticle = false,
31
- isFullWidth = _localStorageUtils.default.getItem(_constants.FULL_WIDTH_MODE)
32
- } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
33
- // Full width mode
34
- if (isFullWidth) {
35
- const containerStyle = (0, _fullWidthMode.getStyleByFullWidthMode)(scrollRef, editor);
36
- setContainerStyle(containerStyle);
37
- return;
38
- }
39
-
40
- // Default mode
41
- const containerStyle = (0, _defaultMode.getStyleByDefaultMode)(scrollRef, editor);
42
- setContainerStyle(containerStyle);
43
- if (scrollIntoArticle) {
44
- articleRef.current.scrollIntoView({
45
- inline: 'start',
46
- block: 'nearest'
47
- });
48
- }
49
- // eslint-disable-next-line react-hooks/exhaustive-deps
50
- }, [editor.editorType, scrollRef]);
51
- (0, _react.useEffect)(() => {
52
- if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
53
- const eventBus = _eventBus.default.getInstance();
54
- const unsubscribeOutline = eventBus.subscribe(_constants.INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
55
- const unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
56
- return () => {
57
- unsubscribeOutline();
58
- unsubscribeResizeArticle();
59
- };
60
- }, [editor.editorType, handleWindowResize]);
61
- (0, _react.useEffect)(() => {
62
- if (editor.editorType === _constants.WIKI_EDITOR) return;
63
- if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
64
- handleWindowResize();
65
- window.addEventListener('resize', handleWindowResize);
66
- return () => {
67
- window.removeEventListener('resize', handleWindowResize);
68
- };
69
- // eslint-disable-next-line react-hooks/exhaustive-deps
70
- }, []);
71
- const articleStyle = editor.getArticleStyle && editor.getArticleStyle();
72
- const articleContainerStyle = editor.getArticleStyle ? {
73
- width: articleStyle.width
74
- } : containerStyle;
75
- return /*#__PURE__*/_react.default.createElement("div", {
76
- className: "sdoc-article-container",
77
- style: articleContainerStyle
78
- }, _react.default.Children.count(children) === 1 && /*#__PURE__*/_react.default.createElement("div", {
79
- className: "article sdoc-editor__article",
80
- style: articleStyle,
81
- id: "sdoc-editor-print-wrapper",
82
- ref: articleRef
83
- }, children), _react.default.Children.count(children) > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
84
- className: "article sdoc-editor__article",
85
- style: articleStyle,
86
- id: "sdoc-editor-print-wrapper",
87
- ref: articleRef
88
- }, children[0]), [...children.slice(1)]));
89
- }
@@ -1,38 +0,0 @@
1
- .sdoc-resize-width-handler {
2
- height: 100%;
3
- position: absolute;
4
- right: 0;
5
- top: 0;
6
- width: 6px;
7
- }
8
-
9
- .sdoc-resize-width-handler.resize-handler-placement-right {
10
- left: 0;
11
- right: auto;
12
- }
13
-
14
- .sdoc-resize-width-handler:hover {
15
- cursor: col-resize;
16
- }
17
-
18
- .sdoc-resize-width-handler .sdoc-resize-width-handler-content {
19
- background-color: initial;
20
- height: 100%;
21
- position: relative;
22
- width: 2px;
23
- }
24
-
25
- .sdoc-resize-width-handler:hover .sdoc-resize-width-handler-content {
26
- background-color: #ccc;
27
- }
28
-
29
- .sdoc-resize-width-handler .sdoc-resize-width-handler-bar {
30
- background-color: #2d7ff9;
31
- border-radius: 3px;
32
- content: "";
33
- left: 50%;
34
- margin-left: -3px;
35
- position: absolute;
36
- width: 6px;
37
- }
38
-
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "useDocument", {
7
- enumerable: true,
8
- get: function () {
9
- return _useDocument.useDocument;
10
- }
11
- });
12
- var _useDocument = require("./use-document");
@@ -1,75 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDocument = void 0;
7
- var _react = require("react");
8
- var _basicSdk = require("../basic-sdk");
9
- const useDocument = function () {
10
- let isInitData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
11
- const [isFirstLoading, setIsFirstLoading] = (0, _react.useState)(true);
12
- const [isReloading, setIsReloading] = (0, _react.useState)(false);
13
- const [document, setDocument] = (0, _react.useState)({
14
- version: 0,
15
- children: [],
16
- cursors: {}
17
- });
18
- const [errorMessage, setErrorMessage] = (0, _react.useState)('');
19
- const loadDocument = (0, _react.useCallback)(() => {
20
- return new Promise((resolve, reject) => {
21
- _basicSdk.context.getFileContent().then(res => {
22
- let result = res.data;
23
- resolve(result);
24
- }).catch(error => {
25
- // eslint-disable-next-line
26
- console.log(error);
27
- let errorMessage = 'Load_doc_content_error';
28
- if (error && error.response) {
29
- const {
30
- error_type
31
- } = error.response.data || {};
32
- if (error_type === 'content_invalid') {
33
- errorMessage = 'Sdoc_format_invalid';
34
- }
35
- }
36
- reject(errorMessage);
37
- });
38
- });
39
- }, []);
40
- const reloadDocument = (0, _react.useCallback)(() => {
41
- setIsReloading(true);
42
- loadDocument().then(document => {
43
- setDocument(document);
44
- setIsReloading(false);
45
- }).catch(errorMessage => {
46
- setIsReloading(false);
47
- setErrorMessage(errorMessage);
48
- setDocument(null);
49
- setIsReloading(false);
50
- });
51
- }, [loadDocument]);
52
- (0, _react.useEffect)(() => {
53
- if (!isInitData) return;
54
- loadDocument().then(document => {
55
- setDocument(document);
56
- setIsFirstLoading(false);
57
- }).catch(errorMessage => {
58
- setErrorMessage(errorMessage);
59
- setDocument(null);
60
- setIsFirstLoading(false);
61
- });
62
-
63
- // eslint-disable-next-line react-hooks/exhaustive-deps
64
- }, []);
65
- return {
66
- isFirstLoading,
67
- isReloading,
68
- errorMessage,
69
- document,
70
- loadDocument,
71
- reloadDocument,
72
- setErrorMessage
73
- };
74
- };
75
- exports.useDocument = useDocument;