@seafile/comment-editor 0.0.1 → 0.0.2-alpha.1

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.js

@@ -1,193 +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 _reactI18next = require("react-i18next");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _slugid = _interopRequireDefault(require("slugid"));
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
-var _context = _interopRequireDefault(require("../../../../context"));
-var _commonUtils = require("../../../../utils/common-utils");
-var _helpers = require("../helpers");
-require("./index.css");
-const LocalFiles = _ref => {
-  let {
-    onSelectedFile,
-    toggle,
-    fileType,
-    searchContent,
-    isOpenSearch
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const folderRef = (0, _react.useRef)(null);
-  const [expandedFolder, setExpandedFolder] = (0, _react.useState)(new Set([]));
-  const [currentActiveItem, setCurrentActiveItem] = (0, _react.useState)(null);
-  const [treeData, setTreeData] = (0, _react.useState)([]);
-  const [hasSearchResult, setHasSearchResult] = (0, _react.useState)(false);
-  const [isCurrentLibrary, setIsCurrentLibrary] = (0, _react.useState)(false);
-  const collapsedFolder = (0, _react.useCallback)((data, indexId) => {
-    for (let i = 0; i < data.length; i++) {
-      var _data$i;
-      if (data[i].indexId === indexId) {
-        data[i].children = null;
-        break;
-      }
-      if ((_data$i = data[i]) !== null && _data$i !== void 0 && _data$i.children) {
-        collapsedFolder(data[i].children, indexId);
-      }
-    }
-    setTreeData([...data]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const getTreeData = (0, _react.useCallback)((p, indexId, treeData) => {
-    return _context.default.getSdocLocalFiles(p, fileType).then(res => {
-      res.data.forEach(item => {
-        item.indexId = _slugid.default.nice();
-      });
-      setHasSearchResult(false);
-      setIsCurrentLibrary(true);
-      // Open folder
-      if (indexId && treeData.length > 0) {
-        const newFileListData = (0, _helpers.addDataToTree)(treeData, indexId, res.data, p);
-        setTreeData([...newFileListData]);
-        return;
-      }
-      // First loads
-      res.data.forEach(item => {
-        item.path = `/${item.name}`;
-      });
-      setTreeData(res.data);
-    }).catch(error => {
-      toggle();
-      const errorMessage = (0, _commonUtils.getErrorMsg)(error);
-      _toast.default.danger(errorMessage);
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (searchContent.trim() && isOpenSearch) {
-      getSearchFiles(searchContent, fileType);
-    }
-    if (!isOpenSearch || !searchContent.trim()) {
-      const rootPath = '/';
-      getTreeData(rootPath);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isOpenSearch, searchContent, isOpenSearch]);
-  const onToggle = (0, _react.useCallback)(async (e, item, treeData) => {
-    e.stopPropagation();
-    if (expandedFolder.has(item.indexId)) {
-      collapsedFolder(treeData, item.indexId);
-      expandedFolder.delete(item.indexId);
-    } else {
-      await getTreeData(item.path, item.indexId, treeData);
-      expandedFolder.add(item.indexId);
-    }
-    onSelectedFile(null);
-    setCurrentActiveItem(item);
-    setExpandedFolder(new Set(Array.from(expandedFolder)));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [expandedFolder]);
-  const onSelectFile = (0, _react.useCallback)((e, file) => {
-    e.stopPropagation();
-    setCurrentActiveItem(file);
-    onSelectedFile(file);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const getSearchFiles = (0, _react.useCallback)((searchContent, fileType) => {
-    return _context.default.getSearchFilesByFilename(searchContent, 1, 100, fileType).then(res => {
-      res.data.results.forEach(item => {
-        item.indexId = _slugid.default.nice();
-        item.type = 'file';
-        item.file_uuid = item.doc_uuid;
-      });
-      if (res.data.results.length === 0) {
-        setHasSearchResult(false);
-      } else {
-        setHasSearchResult(true);
-      }
-      setIsCurrentLibrary(false);
-      setTreeData(res.data.results);
-    });
-  }, []);
-  const renderFileTree = (0, _react.useCallback)(data => {
-    if (!Array.isArray(data) || data.length === 0) return null;
-    return data.map(item => {
-      var _item$fullpath, _item$children, _item$children2;
-      if (!item) return null;
-      const {
-        type,
-        indexId,
-        name
-      } = item;
-      // Get file type icon
-      const fileTypeIcon = (0, _helpers.parcelFileTypeIcon)(name);
-      const result = (_item$fullpath = item.fullpath) === null || _item$fullpath === void 0 ? void 0 : _item$fullpath.split('/').filter(Boolean);
-      item.fullpath && result.pop();
-      const folderPath = item.fullpath && result.join('/');
-      const selected = (currentActiveItem === null || currentActiveItem === void 0 ? void 0 : currentActiveItem.indexId) === indexId;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: indexId,
-        className: (0, _classnames.default)('sdoc-folder-container', {
-          'sdoc-folder-search-results': hasSearchResult === true
-        })
-      }, type === 'dir' && /*#__PURE__*/_react.default.createElement("div", {
-        ref: folderRef,
-        className: "sdoc-folder"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('sdoc-folder-info sdoc-file-info', {
-          'active': selected,
-          'expanded': expandedFolder.has(indexId)
-        }),
-        onClick: e => onToggle(e, item, treeData)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "sdoc-file-icon-container"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
-      }), /*#__PURE__*/_react.default.createElement("i", {
-        className: "sdoc-file-icon sdocfont sdoc-file sdoc-folder-icon"
-      })), /*#__PURE__*/_react.default.createElement("span", {
-        className: "sdoc-folder-name sdoc-file-name"
-      }, name)), /*#__PURE__*/_react.default.createElement("div", {
-        className: "sdoc-folder-children"
-      }, ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) === 0 && /*#__PURE__*/_react.default.createElement("div", {
-        className: "sdoc-folder-children-empty"
-      }, `(${t('Empty')})`), ((_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length) > 0 && renderFileTree(item.children))), ['file', 'video'].includes(type) && /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('sdoc-file-info', {
-          'active': selected
-        }),
-        onClick: e => {
-          onSelectFile(e, item);
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "sdoc-file-icon-container"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('sdoc-file-icon', {
-          'sdocfont sdoc-link-file': !fileTypeIcon
-        })
-      }), fileTypeIcon && /*#__PURE__*/_react.default.createElement("img", {
-        className: "sdoc-file-img",
-        src: fileTypeIcon,
-        alt: ""
-      })), /*#__PURE__*/_react.default.createElement("span", {
-        className: "sdoc-file-name"
-      }, name), item.fullpath && folderPath.length !== 0 && /*#__PURE__*/_react.default.createElement("span", {
-        className: "sdoc-search-folder-name"
-      }, folderPath)));
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [treeData, currentActiveItem, expandedFolder]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-files-tree"
-  }, renderFileTree(treeData), isOpenSearch && !hasSearchResult && !isCurrentLibrary && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-file-search-no-result"
-  }, t('No_results')));
-};
-var _default = exports.default = LocalFiles;

package/dist/basic-sdk/extension/commons/wiki-file-insert-dialog/index.js

@@ -1,274 +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 _reactI18next = require("react-i18next");
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-var _constants = require("../../../constants");
-var _commonUtils = require("../../../utils/common-utils");
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
-var _helpers = require("../../plugins/sdoc-link/helpers");
-var _helpers2 = require("../../plugins/wiki-link/helpers");
-require("./style.css");
-const WikiFileLinkInsertDialog = _ref => {
-  let {
-    editor,
-    element,
-    closeDialog
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const eventBus = _eventBus.default.getInstance();
-  const fileLinkInsertRef = (0, _react.useRef)(null);
-  const historyFileWrapperRef = (0, _react.useRef)(document.querySelector('.sdoc-history-files-wrapper'));
-  const [files, setFiles] = (0, _react.useState)([]);
-  const [position, setPosition] = (0, _react.useState)({});
-  const [newFileName, setNewFileName] = (0, _react.useState)('');
-  const [header, setHeader] = (0, _react.useState)(t('Link_to_page'));
-  const [hiddenMoreMenu, setHiddenMoreMenu] = (0, _react.useState)(false);
-  const deleteInputAndInsertText = (0, _react.useCallback)(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return (0, _helpers.insertTextWhenRemoveFileNameCollector)(editor, element, ...args);
-  }, [editor, element]);
-  const getPosition = (0, _react.useCallback)(() => {
-    queueMicrotask(() => {
-      const {
-        selection
-      } = editor;
-      const nodeEntry = _slate.Editor.node(editor, selection);
-      const domNode = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
-      if (domNode) {
-        const topGap = 20;
-        const leftGap = 16;
-        const outlineWidth = 300;
-        const {
-          top: domNodeTop,
-          left: domNodeLeft
-        } = domNode.getBoundingClientRect();
-        let popoverTop = domNodeTop - topGap;
-        let popoverLeft = domNodeLeft - leftGap - outlineWidth;
-        const {
-          height
-        } = fileLinkInsertRef.current.getBoundingClientRect();
-        const popoverBottomY = popoverTop + height;
-        const viewportHeight = window.innerHeight;
-        if (popoverBottomY > viewportHeight) {
-          // 8px for the gap between the popover and the bottom of the viewport
-          const counterTopGap = 8;
-          popoverTop = popoverTop - height - topGap - counterTopGap;
-        }
-        setPosition({
-          top: popoverTop,
-          left: popoverLeft
-        });
-      }
-    });
-  }, [editor]);
-  const onClick = (0, _react.useCallback)(e => {
-    var _historyFileWrapperRe, _historyFileWrapperRe2;
-    const isClickInside = (_historyFileWrapperRe = historyFileWrapperRef.current) === null || _historyFileWrapperRe === void 0 ? void 0 : (_historyFileWrapperRe2 = _historyFileWrapperRe.contains) === null || _historyFileWrapperRe2 === void 0 ? void 0 : _historyFileWrapperRe2.call(_historyFileWrapperRe, e.target);
-    if (isClickInside) return;
-
-    // Click on the insertion position without closing
-    const insertCollectorEl = document.querySelector('.sdoc-file-name-insert-collector');
-    if (insertCollectorEl && insertCollectorEl.className === e.target.className) return;
-    deleteInputAndInsertText();
-    closeDialog();
-  }, [closeDialog, deleteInputAndInsertText]);
-  const onScroll = (0, _lodash.default)(() => {
-    getPosition();
-  }, 100);
-  const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
-    let files = (0, _commonUtils.getLocalStorageFiles)(_localStorageUtils.default.getItem('wiki-recent-files') || []);
-    if (isCalculatedByFiles) {
-      const newFiles = (0, _commonUtils.getMaximumCapacity)(files);
-      // Can accommodate all without showing more operations
-      if (files.length <= newFiles.length) {
-        setHiddenMoreMenu(true);
-      }
-      files = newFiles;
-    }
-    setFiles(files);
-  }, []);
-  (0, _react.useEffect)(() => {
-    fileLinkInsertRef.current['isFirstMount'] = true;
-    getHistoryFiles(true);
-    getPosition();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const onKeydown = (0, _react.useCallback)(e => {
-    const {
-      key
-    } = e;
-    switch (key) {
-      case 'Escape':
-        deleteInputAndInsertText();
-        closeDialog();
-        break;
-      case 'ArrowRight':
-      case 'ArrowLeft':
-        deleteInputAndInsertText();
-        closeDialog();
-        break;
-      case 'ArrowUp':
-      case 'ArrowDown':
-        deleteInputAndInsertText();
-        closeDialog();
-        break;
-      default:
-        break;
-    }
-  }, [closeDialog, deleteInputAndInsertText]);
-  (0, _react.useEffect)(() => {
-    const sdocScrollContainer = document.getElementById('sdoc-scroll-container');
-    document.addEventListener('click', onClick);
-    document.addEventListener('keydown', onKeydown);
-    sdocScrollContainer.addEventListener('scroll', onScroll);
-    const unsubscribeCloseDialog = eventBus.subscribe(_constants.INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
-    return () => {
-      sdocScrollContainer.removeEventListener('scroll', onScroll);
-      document.removeEventListener('click', onClick);
-      document.removeEventListener('keydown', onKeydown);
-      unsubscribeCloseDialog();
-    };
-  }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
-  const onSearch = (0, _react.useCallback)(searchText => {
-    if (searchText.trim().length === 0) {
-      getHistoryFiles();
-      setHiddenMoreMenu(true);
-      setHeader(t('Link_to_page'));
-      setNewFileName('');
-      getPosition();
-      return;
-    }
-    const {
-      navConfig
-    } = window.wiki.config;
-    const {
-      pages
-    } = navConfig;
-    const newFiles = [];
-    pages.forEach(page => {
-      if (page.name.includes(searchText.trim())) {
-        newFiles.push(page);
-      }
-    });
-    // No results found
-    if (newFiles.length === 0) {
-      setHeader(t('No_page_results'));
-      setNewFileName(searchText);
-    } else {
-      setHeader(t('Link_to_page'));
-      setNewFileName('');
-    }
-    setHiddenMoreMenu(true);
-    setFiles(newFiles);
-    getPosition();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!(element !== null && element !== void 0 && element.children)) return;
-    // No search on first load
-    if (fileLinkInsertRef.current['isFirstMount']) {
-      fileLinkInsertRef.current['isFirstMount'] = false;
-      return;
-    }
-    const searchText = _slate.Node.string(element);
-    onSearch(searchText);
-  }, [element, onSearch]);
-  const onSelect = (0, _react.useCallback)(fileInfo => {
-    const {
-      name,
-      wikiRepoId,
-      pageId,
-      icon,
-      isDir
-    } = fileInfo;
-    (0, _helpers.removeTempInput)(editor, element);
-    closeDialog();
-    (0, _helpers2.insertWikiPageLink)(editor, name, wikiRepoId, pageId, icon, isDir);
-  }, [closeDialog, editor, element]);
-  const onShowMoreWiki = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    const recentFiles = (0, _commonUtils.getLocalStorageFiles)(_localStorageUtils.default.getItem('wiki-recent-files') || []);
-    setFiles(recentFiles);
-    setHiddenMoreMenu(true);
-  }, []);
-  const onCreateFile = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    (0, _helpers.removeTempInput)(editor, element);
-    const eventBus = _eventBus.default.getInstance();
-    const createName = newFileName.trim() || t('New_page');
-    eventBus.dispatch(_constants.INTERNAL_EVENT.CREATE_WIKI_PAGE, {
-      newFileName: createName
-    });
-  }, [editor, element, newFileName, t]);
-  const createFileTipDefault = (0, _react.useMemo)(() => {
-    return 'New_page';
-  }, []);
-  const createFileName = (0, _react.useMemo)(() => {
-    return `"${newFileName}" ${t('Page')}`;
-  }, [newFileName, t]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: fileLinkInsertRef,
-    className: (0, _classnames.default)('wiki-history-files-content popover'),
-    style: {
-      ...position,
-      position: 'absolute',
-      opacity: Object.keys(position).length ? 1 : 0
-    }
-  }, header.length !== 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "wiki-history-files-header"
-  }, header), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sdoc-history-files', {
-      'no-header': header.length === 0
-    })
-  }, files.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item.doc_uuid,
-      className: (0, _classnames.default)('sdoc-history-files-item', {
-        'files-item-has-dir': item === null || item === void 0 ? void 0 : item.path
-      }),
-      onClick: () => {
-        onSelect(item);
-      }
-    }, (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-emoticons"
-    }, item.icon), !(item !== null && item !== void 0 && item.icon) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item !== null && item !== void 0 && item.isDir ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-icon sf3-font sf3-font-files2"
-    }) : /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-icon sf3-font sf3-font-file"
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-name-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-name"
-    }, item.name), (item === null || item === void 0 ? void 0 : item.path) && /*#__PURE__*/_react.default.createElement("span", {
-      className: "name-dir"
-    }, item.path)));
-  }), !hiddenMoreMenu && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-history-files-item",
-    onClick: onShowMoreWiki
-  }, "...", t('More'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-history-files-add",
-    onClick: onCreateFile
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-append"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "new-file-name"
-  }, newFileName ? t('Create_file_name_sdoc', {
-    file_name_sdoc: createFileName
-  }) : t(createFileTipDefault))));
-};
-var _default = exports.default = WikiFileLinkInsertDialog;

package/dist/basic-sdk/extension/commons/wiki-file-insert-dialog/style.css

@@ -1,116 +0,0 @@
-.wiki-history-files-content {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  width: 400px;
-  max-width: 400px;
-  max-height: 350px;
-  /* The same as hierarchy of comment drawer  */
-  z-index: 103;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
-}
-
-.wiki-history-files-content .wiki-history-files-header {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  margin-top: 8px;
-  padding: 0px 16px;
-  height: 32px;
-  width: 100%;
-  color: #999999;
-  font-size: 14px;
-  user-select: none;
-  cursor: default;
-}
-
-.wiki-history-files-content .sdoc-history-files {
-  flex-grow: 1;
-  overflow-y: auto;
-  cursor: pointer;
-}
-
-.wiki-history-files-content .no-header {
-  margin-top: 8px;
-  width: 100%;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item {
-  padding: 6px 16px;
-  height: 32px;
-  font-size: 14px;
-  display: flex;
-  align-items: flex-start;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-icon {
-  font-size: 16px;
-  margin-right: 8px;
-  color: #666666;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {
-  background-color: #f5f5f5;
-}
-
-.wiki-history-files-content .sdoc-history-files-add {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  padding: 0px 16px;
-  height: 32px;
-  width: 100%;
-  border-top: 1px solid #e9ecef;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.wiki-history-files-content .sdoc-history-files-add :first-child {
-  color: #444444;
-  margin-right: 10px;
-}
-
-.wiki-history-files-content .sdoc-history-files-add .new-file-name {
-  text-wrap: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item.files-item-has-dir {
-  height: 51px;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-emoticons {
-  font-size: 14px;
-  margin-right: 8px;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name-wrapper {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name-wrapper .name-dir {
-  color: #666;
-  font-size: 12px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}