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

package/dist/basic-sdk/hooks/use-plugins.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _react = _interopRequireWildcard(require("react"));
-var _comment = _interopRequireDefault(require("../comment"));
-var _commentOperation = _interopRequireDefault(require("../comment/components/comment-operation"));
-var _constants = require("../constants");
-const PluginsContext = /*#__PURE__*/_react.default.createContext(null);

package/dist/basic-sdk/layout/article-container.js

@@ -1,89 +0,0 @@
-"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.default = ArticleContainer;
-var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
-var _useScrollContext = require("../hooks/use-scroll-context");
-var _defaultMode = require("../utils/default-mode");
-var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
-var _fullWidthMode = require("../utils/full-width-mode");
-var _localStorageUtils = _interopRequireDefault(require("../utils/local-storage-utils"));
-function ArticleContainer(_ref) {
-  let {
-    editor,
-    children
-  } = _ref;
-  const scrollRef = (0, _useScrollContext.useScrollContext)();
-  const articleRef = (0, _react.useRef)(null);
-  const [containerStyle, setContainerStyle] = (0, _react.useState)({});
-  (0, _react.useEffect)(() => {
-    editor.width = articleRef.current.children[0].clientWidth;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const handleWindowResize = (0, _react.useCallback)(function () {
-    let {
-      scrollIntoArticle = false,
-      isFullWidth = _localStorageUtils.default.getItem(_constants.FULL_WIDTH_MODE)
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    // Full width mode
-    if (isFullWidth) {
-      const containerStyle = (0, _fullWidthMode.getStyleByFullWidthMode)(scrollRef, editor);
-      setContainerStyle(containerStyle);
-      return;
-    }
-
-    // Default mode
-    const containerStyle = (0, _defaultMode.getStyleByDefaultMode)(scrollRef, editor);
-    setContainerStyle(containerStyle);
-    if (scrollIntoArticle) {
-      articleRef.current.scrollIntoView({
-        inline: 'start',
-        block: 'nearest'
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor.editorType, scrollRef]);
-  (0, _react.useEffect)(() => {
-    if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribeOutline = eventBus.subscribe(_constants.INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
-    const unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
-    return () => {
-      unsubscribeOutline();
-      unsubscribeResizeArticle();
-    };
-  }, [editor.editorType, handleWindowResize]);
-  (0, _react.useEffect)(() => {
-    if (editor.editorType === _constants.WIKI_EDITOR) return;
-    if (editor.editorType === _constants.DOCUMENT_PLUGIN_EDITOR) return;
-    handleWindowResize();
-    window.addEventListener('resize', handleWindowResize);
-    return () => {
-      window.removeEventListener('resize', handleWindowResize);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const articleStyle = editor.getArticleStyle && editor.getArticleStyle();
-  const articleContainerStyle = editor.getArticleStyle ? {
-    width: articleStyle.width
-  } : containerStyle;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-article-container",
-    style: articleContainerStyle
-  }, _react.default.Children.count(children) === 1 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "article sdoc-editor__article",
-    style: articleStyle,
-    id: "sdoc-editor-print-wrapper",
-    ref: articleRef
-  }, children), _react.default.Children.count(children) > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "article sdoc-editor__article",
-    style: articleStyle,
-    id: "sdoc-editor-print-wrapper",
-    ref: articleRef
-  }, children[0]), [...children.slice(1)]));
-}

package/dist/basic-sdk/layout/editor-container.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _commonUtils = require("../utils/common-utils");
-require("../assets/css/layout.css");
-require("../assets/css/default.css");
-require("../assets/css/sdoc-editor-article.css");
-require("../assets/css/sdoc-editor-plugins.css");
-require("../assets/css/sdoc-comment-editor-plugin.css");
-require("../assets/css/dropdown-menu.css");
-const EditorContainer = _ref => {
-  let {
-    children,
-    readonly,
-    fullscreen
-  } = _ref;
-  const className = (0, _classnames.default)('sdoc-editor-container', {
-    'mobile': _commonUtils.isMobile,
-    'readonly': readonly,
-    'fullscreen': fullscreen
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, children);
-};
-var _default = exports.default = EditorContainer;

package/dist/basic-sdk/layout/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ArticleContainer", {
-  enumerable: true,
-  get: function () {
-    return _articleContainer.default;
-  }
-});
-Object.defineProperty(exports, "EditorContainer", {
-  enumerable: true,
-  get: function () {
-    return _editorContainer.default;
-  }
-});
-var _articleContainer = _interopRequireDefault(require("./article-container"));
-var _editorContainer = _interopRequireDefault(require("./editor-container"));

package/dist/basic-sdk/right-panel/index.css

@@ -1,15 +0,0 @@
-.sdoc-content-right-panel-wrapper {
-  display: flex;
-  flex-direction: row;
-  max-width: 620px;
-  min-width: 360px;
-  position: relative;
-  right: 0;
-}
-
-.sdoc-content-right-panel-wrapper .sdoc-content-right-panel {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-left: 1px solid #d8d8d8;
-}

package/dist/basic-sdk/right-panel/index.js

@@ -1,86 +0,0 @@
-"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.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _comment = _interopRequireDefault(require("../comment"));
-var _constants = require("../constants");
-var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
-var _localStorageUtils = _interopRequireDefault(require("../utils/local-storage-utils"));
-var _resizeWidth = _interopRequireDefault(require("./resize-width"));
-require("./index.css");
-const MIN_PANEL_WIDTH = 360;
-const MAX_PANEL_WIDTH = 620;
-const RightPanel = _ref => {
-  let {
-    editor
-  } = _ref;
-  const displayPluginName = 'aa';
-  const [width, setWidth] = (0, _react.useState)(MIN_PANEL_WIDTH);
-  const panelWrapperStyle = (0, _react.useMemo)(() => {
-    if (!displayPluginName) return null;
-    let style = {
-      width,
-      zIndex: 101
-    };
-    if (!style.width || style.width < MIN_PANEL_WIDTH) {
-      style.width = MIN_PANEL_WIDTH;
-    } else if (style.width > MAX_PANEL_WIDTH) {
-      style.width = MAX_PANEL_WIDTH;
-    }
-    return style;
-  }, [width, displayPluginName]);
-  const resizeWidth = (0, _react.useCallback)(width => {
-    setWidth(width);
-  }, []);
-  const resizeWidthEnd = (0, _react.useCallback)(width => {
-    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, JSON.stringify({
-      ...settings,
-      panelWidth: width
-    }));
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    const {
-      panelWidth
-    } = settings;
-    const width = Math.max(MIN_PANEL_WIDTH, Math.min(parseInt(panelWidth, 10) || MIN_PANEL_WIDTH, MAX_PANEL_WIDTH));
-    setWidth(width);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const isShowGlobalComments = displayPluginName === 'sdoc-comment' ? true : false;
-    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, {
-      ...settings,
-      isShowGlobalComments
-    });
-    const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
-  }, [displayPluginName]);
-  const resizable_width = true;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-content-right-panel-wrapper",
-    style: panelWrapperStyle
-  }, resizable_width && /*#__PURE__*/_react.default.createElement(_resizeWidth.default, {
-    minWidth: MIN_PANEL_WIDTH,
-    maxWidth: MAX_PANEL_WIDTH,
-    resizeWidth: resizeWidth,
-    resizeWidthEnd: resizeWidthEnd
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-content-right-panel",
-    id: "sdoc-content-right-panel"
-  }, /*#__PURE__*/_react.default.createElement(_comment.default, {
-    editor: editor,
-    type: "global",
-    onClose: () => {},
-    width: width
-  })));
-};
-var _default = exports.default = RightPanel;

package/dist/basic-sdk/right-panel/resize-width/index.css

@@ -1,38 +0,0 @@
-.sdoc-resize-width-handler {
-  height: 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 6px;
-}
-
-.sdoc-resize-width-handler.resize-handler-placement-right {
-  left: 0;
-  right: auto;
-}
-
-.sdoc-resize-width-handler:hover {
-  cursor: col-resize;
-}
-
-.sdoc-resize-width-handler .sdoc-resize-width-handler-content {
-  background-color: initial;
-  height: 100%;
-  position: relative;
-  width: 2px;
-}
-
-.sdoc-resize-width-handler:hover .sdoc-resize-width-handler-content {
-  background-color: #ccc;
-}
-
-.sdoc-resize-width-handler .sdoc-resize-width-handler-bar {
-  background-color: #2d7ff9;
-  border-radius: 3px;
-  content: "";
-  left: 50%;
-  margin-left: -3px;
-  position: absolute;
-  width: 6px;
-}
-

package/dist/basic-sdk/right-panel/resize-width/index.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("./index.css");
-const ResizeWidth = _ref => {
-  let {
-    minWidth,
-    maxWidth,
-    resizeWidth: resizeWidthAPI,
-    resizeWidthEnd
-  } = _ref;
-  const [isShowHandlerBar, setIsShowHandlerBar] = (0, _react.useState)(false);
-  const [drag, setDrag] = (0, _react.useState)(null);
-  const handlerRef = (0, _react.useRef)(null);
-  const handlerBarRef = (0, _react.useRef)(null);
-  const setHandlerBarTop = handlerTop => {
-    if (!handlerBarRef.current || handlerTop < 0) return;
-    handlerBarRef.current.style.top = handlerTop + 'px';
-  };
-  const setHandlerBarPosition = event => {
-    if (!handlerRef.current) return;
-    const {
-      top
-    } = handlerRef.current.getBoundingClientRect();
-    const handlerTop = event.pageY - top - 26 / 2;
-    setHandlerBarTop(handlerTop);
-  };
-  const getWidthFromMouseEvent = event => {
-    return event.pageX || event.touches && event.touches[0] && event.touches[0].pageX || event.changedTouches && event.changedTouches[event.changedTouches.length - 1].pageX;
-  };
-  const calculateResizedWidth = event => {
-    const width = getWidthFromMouseEvent(event);
-    const resizedWidth = document.body.clientWidth - width;
-    if (minWidth && resizedWidth < minWidth || maxWidth && resizedWidth > maxWidth) return -1;
-    return resizedWidth;
-  };
-  const onResizeWidth = event => {
-    const resizedWidth = calculateResizedWidth(event);
-    if (resizedWidth < 0) return;
-    if (resizeWidthAPI) {
-      resizeWidthAPI(resizedWidth);
-    }
-  };
-  const onDrag = event => {
-    onResizeWidth(event);
-  };
-  const onDragStart = (0, _react.useCallback)(event => {
-    if (event && event.dataTransfer && event.dataTransfer.setData) {
-      event.dataTransfer.setData('text/plain', 'dummy');
-    }
-  }, []);
-  const onDragEnd = event => {
-    onResizeWidth(event);
-  };
-  const onMouseLeave = () => {
-    setIsShowHandlerBar(false);
-  };
-  const onMouseEnter = event => {
-    setIsShowHandlerBar(true);
-    setHandlerBarPosition(event);
-    if (handlerRef.current) {
-      handlerRef.current.addEventListener('mouseleave', onMouseLeave);
-    }
-  };
-  const onMouseOver = event => {
-    setHandlerBarPosition(event);
-  };
-  const onMouseDown = event => {
-    event.preventDefault && event.preventDefault();
-    const currDrag = onDragStart(event);
-    if (currDrag === null && event.button !== 0) return;
-    window.addEventListener('mouseup', onMouseUp);
-    window.addEventListener('mousemove', onMouseMove);
-    if (handlerRef.current) {
-      handlerRef.current.removeEventListener('mouseleave', onMouseLeave);
-    }
-    setDrag(currDrag);
-  };
-  const onMouseMove = event => {
-    event.preventDefault && event.preventDefault();
-    if (!drag === null) return;
-    onDrag(event);
-  };
-  const onMouseUp = event => {
-    window.removeEventListener('mouseup', onMouseUp);
-    window.removeEventListener('mousemove', onMouseMove);
-    onDragEnd(event, drag);
-    setHandlerBarTop(-9999);
-    setDrag(null);
-    setIsShowHandlerBar(false);
-    if (resizeWidthEnd) {
-      const resizeWidth = calculateResizedWidth(event);
-      if (resizeWidth < 0) return;
-      resizeWidthEnd(resizeWidth);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    return () => {
-      window.removeEventListener('mouseup', onMouseUp);
-      window.removeEventListener('mousemove', onMouseMove);
-    };
-
-    // eslint-disable-next-line
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-resize-width-handler resize-handler-placement-right",
-    ref: handlerRef,
-    onMouseDown: onMouseDown,
-    onMouseOver: onMouseOver,
-    onMouseEnter: onMouseEnter,
-    onDrag: onDrag,
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd,
-    style: {
-      zIndex: 4
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-resize-width-handler-content"
-  }, isShowHandlerBar && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-resize-width-handler-bar",
-    ref: handlerBarRef,
-    style: {
-      height: 26
-    }
-  })));
-};
-var _default = exports.default = ResizeWidth;