@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.
- package/README.md +2 -4
- package/dist/basic-sdk/assets/css/layout.css +2 -2
- package/dist/basic-sdk/assets/css/sdoc-comment-editor-plugin.css +4 -4
- package/dist/basic-sdk/comment/components/comment-all-participants/index.css +8 -8
- package/dist/basic-sdk/comment/components/comment-editor.js +123 -7
- package/dist/basic-sdk/comment/components/comment-item-collapse-wrapper.js +2 -2
- package/dist/basic-sdk/comment/components/comment-item-content.js +11 -13
- package/dist/basic-sdk/comment/components/comment-item-wrapper.js +32 -36
- package/dist/basic-sdk/comment/components/comment-list.css +4 -4
- package/dist/basic-sdk/comment/components/comment-participants-editor/index.js +2 -2
- package/dist/basic-sdk/comment/components/global-comment/global-comment-body-header.js +5 -4
- package/dist/basic-sdk/comment/components/global-comment/global-comment-header.js +11 -4
- package/dist/basic-sdk/comment/components/global-comment/index.css +56 -54
- package/dist/basic-sdk/comment/components/global-comment/index.js +41 -36
- package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-mount.js +3 -4
- package/dist/basic-sdk/comment/hooks/notification-hooks/use-notification-mount.js +2 -6
- package/dist/basic-sdk/comment/index.js +2 -48
- package/dist/basic-sdk/constants/index.js +1 -2
- package/dist/basic-sdk/context.js +8 -8
- package/dist/basic-sdk/extension/plugins/link/menu/index.js +1 -1
- package/dist/basic-sdk/extension/plugins/mention/render-elem/participant-popover.js +3 -6
- package/dist/basic-sdk/extension/render/render-comment-editor-element.js +1 -1
- package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/index.js +3 -3
- package/dist/basic-sdk/extension/toolbar/comment-editor-toolbar/post-comment/index.js +2 -2
- package/dist/basic-sdk/hooks/use-comment.js +218 -0
- package/dist/basic-sdk/index.js +12 -32
- package/dist/basic-sdk/{right-panel → layout/comment-layout}/index.css +2 -2
- package/dist/basic-sdk/{right-panel → layout/comment-layout}/index.js +29 -28
- package/dist/basic-sdk/layout/comment-layout/resize-width/index.css +38 -0
- package/dist/basic-sdk/{right-panel → layout/comment-layout}/resize-width/index.js +3 -3
- package/dist/basic-sdk/layout/index.js +0 -7
- package/dist/index.js +12 -0
- package/dist/pages/seafile-comment-editor.js +19 -52
- package/package.json +2 -1
- package/dist/basic-sdk/comment/components/global-comment/global-comment-editor.js +0 -36
- package/dist/basic-sdk/comment/provider/comment-context-provider.js +0 -37
- package/dist/basic-sdk/comment/provider/index.js +0 -23
- package/dist/basic-sdk/comment/provider/notification-context-provider.js +0 -31
- package/dist/basic-sdk/comment/provider/participants-content-provider.js +0 -96
- package/dist/basic-sdk/editor/comment-article.js +0 -104
- package/dist/basic-sdk/editor/sdoc-comment-editor.js +0 -128
- package/dist/basic-sdk/editor/sdoc-editor.js +0 -50
- package/dist/basic-sdk/hooks/use-collaborators.js +0 -62
- package/dist/basic-sdk/hooks/use-plugins.js +0 -9
- package/dist/basic-sdk/layout/article-container.js +0 -89
- package/dist/basic-sdk/right-panel/resize-width/index.css +0 -38
- package/dist/hooks/index.js +0 -12
- 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
|
-
|
package/dist/hooks/index.js
DELETED
|
@@ -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;
|