@seafile/sdoc-editor 1.0.162-alpha.2 → 1.0.163-alpha.1

package/dist/api/seafile-api.js

@@ -117,13 +117,13 @@ class SeafileAPI {
   }
 
   // local files
-  getSdocFiles(docUuid, p, type, server) {
+  getSdocFiles(docUuid, p, type) {
     const url = 'api/v2.1/seadoc/dir/' + docUuid + '/?p=' + p + '&type=' + type + '&doc_uuid=' + docUuid;
-    const url2 = 'api/v2.1/seadoc/dir/' + docUuid + '/?p=' + p + '&doc_uuid=' + docUuid;
-    // const repoID = this.getSetting('repoID');
-    // console.log(99, url, repoID);
-    const url3 = 'api/v2.1/repos/';
-    return this.req.get(url3);
+    return this.req.get(url);
+  }
+  getSearchByFilename(docUuid, query, page, per_page, search_type) {
+    const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page + '&search_type=' + search_type;
+    return this.req.get(url);
   }
   getSdocFileId(docUuid, p) {
     const url = 'api/v2.1/seadoc/file-uuid/' + docUuid + '/?p=' + p;
@@ -181,6 +181,7 @@ class SeafileAPI {
 
   // notification
   listUnseenNotifications(docUuid) {
+    console.log(11111);
     const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
     return this.req.get(url);
   }

package/dist/basic-sdk/extension/commons/select-file-dialog/index.css

@@ -1,5 +1,5 @@
 .sdoc-file-select-dialog {
-  max-width: 650px;
+  max-width: 520px;
 }
 
 .sdoc-file-select-dialog .sdoc-file-select-modal {
@@ -18,3 +18,71 @@
   background-color: #FF8000;
   border-color: #FF8000;
 }
+
+.modal-header-container {
+  display: flex;
+  position: relative;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 60px;
+  padding: 10px;
+}
+
+.modal-title-container {
+  flex: 1;
+  text-align: center;
+}
+
+.search-container {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  right: 40px;
+  top: 55%;
+  transform: translateY(-50%);
+  gap: 8px;
+}
+
+.sdoc-files-search-popover{
+  font-size: 14px;
+  padding: 1.5px 5px;
+}
+
+.sdoc-files-search-popover:hover{
+  background-color: #F2F2F2;
+  border-radius: 2px;
+}
+
+.sdoc-files-search-popover-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 200px;
+  margin-right: 10px;
+}
+
+.sdoc-search-wrapper{
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 40px;
+}
+
+.sdoc-search-input{
+  flex: 1;
+  padding: 0 25px;
+}
+
+.sdoc-files-search-popover-container .sdoc-search{
+  position: absolute;
+  left: 6px;
+  font-size: 14px;
+}
+
+.sdoc-files-search-popover-container .sdoc-close{
+  position: absolute;
+  right: 10px;
+  font-size: 10px;
+}

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _reactI18next = require("react-i18next");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _localFiles = _interopRequireDefault(require("./local-files"));
@@ -15,33 +16,21 @@ var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _utils = require("../../../../utils/");
 var _constants = require("../../constants");
 require("./index.css");
-const LibraryOption = _ref => {
-  let {
-    mode,
-    label,
-    currentMode,
-    onUpdateMode
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `repo-list-item ${mode === currentMode ? 'active' : ''}`,
-    onClick: () => onUpdateMode(mode)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "library"
-  }, label));
-};
-const SelectSdocFileDialog = _ref2 => {
+const SelectSdocFileDialog = _ref => {
   let {
     editor,
     dialogType,
     closeDialog,
     insertLinkCallback
-  } = _ref2;
+  } = _ref;
   const modalTitle = dialogType === _constants.ELEMENT_TYPE.FILE_LINK ? 'Select_file' : 'Select_sdoc_document';
   const {
     t
   } = (0, _reactI18next.useTranslation)();
   const [currentSelectedFile, setCurrentSelectedFile] = (0, _react.useState)(null);
-  const [mode, setMode] = (0, _react.useState)('only_current_library');
+  const [temSearchContent, setTemSearchContent] = (0, _react.useState)('');
+  const [searchContent, setSearchContent] = (0, _react.useState)('');
+  const [isOpenSearch, setIsOpenSearch] = (0, _react.useState)(false);
   const onSelectedFile = (0, _react.useCallback)(fileInfo => {
     setCurrentSelectedFile(fileInfo);
   }, []);
@@ -85,20 +74,31 @@ const SelectSdocFileDialog = _ref2 => {
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentSelectedFile]);
-  const selectMode = mode => {
-    // onUpdateMode(mode);
-    if (mode === _constants.MODE_TYPE_MAP.ONLY_CURRENT_LIBRARY) {
-      selectRepo(currentRepo);
+  const toggleSearch = (0, _react.useCallback)(() => {
+    setIsOpenSearch(prev => !prev);
+  }, []);
+  const handleSearchInputChange = (0, _react.useCallback)(e => {
+    const keyword = e.target.value.toLowerCase();
+    setTemSearchContent(keyword);
+  }, []);
+  const executeSearch = (0, _react.useCallback)(() => {
+    if (!temSearchContent.trim()) {
+      return;
+    }
+    setSearchContent(temSearchContent);
+  }, [temSearchContent]);
+  const handleInputKeyDown = (0, _react.useCallback)(e => {
+    if ((0, _isHotkey.default)('enter', e)) {
+      e.preventDefault();
+      executeSearch();
+    }
+    if ((0, _isHotkey.default)('escape', e)) {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsOpenSearch(!isOpenSearch);
     }
-    // } else if (mode === MODE_TYPE_MAP.ONLY_OTHER_LIBRARIES) {
-    //   selectRepo(repoList[0]);
-    // } else if (mode === MODE_TYPE_MAP.RECENTLY_USED) {
-    //   selectRepo(null);
-    // }
-    // setSelectedPath('/');
-  };
+  }, [executeSearch, isOpenSearch]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-    scrollable: true,
     toggle: closeDialog,
     isOpen: true,
     autoFocus: false,
@@ -107,31 +107,41 @@ const SelectSdocFileDialog = _ref2 => {
     className: "sdoc-file-select-dialog",
     contentClassName: "sdoc-file-select-modal"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    className: "modal-header-container",
     toggle: closeDialog
-  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "modal-title-container"
+  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-container"
+  }, !isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-files-search-popover",
+    onClick: toggleSearch
+  }), isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-files-search-popover-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-search",
+    onClick: executeSearch
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    autoFocus: true,
+    className: "sdoc-search-input",
+    onKeyUp: handleInputKeyDown,
+    onChange: handleSearchInputChange,
+    id: "sdoc-search",
+    placeholder: t('Search')
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-sm-close sdoc-close",
+    onClick: toggleSearch
+  }))))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
     className: "p-0"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, "left column"), /*#__PURE__*/_react.default.createElement(LibraryOption, {
-    mode: _constants.MODE_TYPE_MAP.ONLY_CURRENT_LIBRARY,
-    label: t('Current Library'),
-    currentMode: mode,
-    onUpdateMode: selectMode
-  }), true && /*#__PURE__*/_react.default.createElement(LibraryOption, {
-    mode: _constants.MODE_TYPE_MAP.ONLY_OTHER_LIBRARIES,
-    label: t('Other Libraries'),
-    currentMode: mode,
-    onUpdateMode: selectMode
-  }), /*#__PURE__*/_react.default.createElement(LibraryOption, {
-    mode: _constants.MODE_TYPE_MAP.RECENTLY_USED,
-    label: t('Recently Used')
-    // currentMode={mode}
-    ,
-    onUpdateMode: selectMode
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-select-container"
   }, /*#__PURE__*/_react.default.createElement(_localFiles.default, {
     fileType: _constants.FILE_TYPE[dialogType],
     onSelectedFile: onSelectedFile,
-    toggle: closeDialog
+    toggle: closeDialog,
+    searchContent: searchContent
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-select-footer"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {

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

@@ -20,7 +20,8 @@ const LocalFiles = _ref => {
     onSelectedFile,
     toggle,
     fileType,
-    t
+    t,
+    searchContent
   } = _ref;
   const folderRef = (0, _react.useRef)(null);
   const [expandedFolder, setExpandedFolder] = (0, _react.useState)(new Set([]));
@@ -41,12 +42,13 @@ const LocalFiles = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const getTreeData = (0, _react.useCallback)((p, indexId, treeData) => {
-    return _context.default.getSdocLocalFiles(p, fileType).then(res => {
+    // return context.getSdocLocalFiles(p, fileType).then(res => {
+    return _context.default.getSearchFilesByFilename('10', '1', '10', 'sdoc').then(res => {
       res.data.forEach(item => {
         item.indexId = _slugid.default.nice();
       });
       // Open folder
-      console.log(3, res.data);
+      // console.log(3, res.data);
       if (indexId && treeData.length > 0) {
         const newFileListData = (0, _helpers.addDataToTree)(treeData, indexId, res.data, p);
         setTreeData([...newFileListData]);
@@ -70,6 +72,7 @@ const LocalFiles = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onToggle = (0, _react.useCallback)(async (e, item, treeData) => {
+    // console.log(2, e, item, treeData);
     e.stopPropagation();
     if (expandedFolder.has(item.indexId)) {
       collapsedFolder(treeData, item.indexId);
@@ -89,6 +92,37 @@ const LocalFiles = _ref => {
     onSelectedFile(file);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const [filteredTreeData, setFilteredTreeData] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    const filterFiles = async data => {
+      const results = [];
+      for (const item of data) {
+        if (item.type === 'file' && item.name.includes(searchContent)) {
+          results.push(item);
+        } else if (item.type === 'dir') {
+          console.log(33, item);
+          const children = item.children || (await getTreeData(item.path, item.indexId, treeData));
+          if (children && Array.isArray(children)) {
+            const childResults = await filterFiles(children);
+            results.push({
+              ...item,
+              children: childResults
+            });
+          }
+        }
+      }
+      return results;
+    };
+    const updateFilteredData = async () => {
+      if (!searchContent.trim()) {
+        setFilteredTreeData(treeData);
+      } else {
+        const filtered = await filterFiles(treeData);
+        setFilteredTreeData(filtered);
+      }
+    };
+    updateFilteredData();
+  }, [searchContent, treeData]);
   const renderFileTree = (0, _react.useCallback)(data => {
     // console.log(2, data);
     if (!Array.isArray(data) || data.length === 0) return null;
@@ -100,6 +134,7 @@ const LocalFiles = _ref => {
         indexId,
         name
       } = item;
+      // console.log(12, data, type, indexId, name);
       const selected = (currentActiveItem === null || currentActiveItem === void 0 ? void 0 : currentActiveItem.indexId) === indexId;
       return /*#__PURE__*/_react.default.createElement("div", {
         key: indexId,
@@ -148,6 +183,6 @@ const LocalFiles = _ref => {
   }, [treeData, currentActiveItem, expandedFolder]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-files-tree"
-  }, renderFileTree(treeData));
+  }, renderFileTree(filteredTreeData));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(LocalFiles);

package/dist/basic-sdk/extension/constants/index.js

@@ -263,7 +263,7 @@ Object.defineProperty(exports, "MENUS_CONFIG_MAP", {
     return _menusConfig.MENUS_CONFIG_MAP;
   }
 });
-exports.MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MODE_TYPE_MAP = void 0;
+exports.MOUSE_ENTER_EVENT_DISABLED_MAP = void 0;
 Object.defineProperty(exports, "MULTI_COLUMN", {
   enumerable: true,
   get: function () {
@@ -520,14 +520,6 @@ const INSERT_POSITION = exports.INSERT_POSITION = {
 };
 const LOCAL_IMAGE = exports.LOCAL_IMAGE = 'local-image';
 const LOCAL_VIDEO = exports.LOCAL_VIDEO = 'local-video';
-const MODE_TYPE_MAP = exports.MODE_TYPE_MAP = {
-  CURRENT_AND_OTHER_REPOS: 'current_repo_and_other_repos',
-  ONLY_CURRENT_LIBRARY: 'only_current_library',
-  ONLY_ALL_REPOS: 'only_all_repos',
-  ONLY_OTHER_LIBRARIES: 'only_other_libraries',
-  RECENTLY_USED: 'recently_used',
-  SEARCH_RESULTS: 'search_results'
-};
 const LIST_TYPE_ARRAY = exports.LIST_TYPE_ARRAY = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST];
 const LIST_ITEM_CORRELATION_TYPE = exports.LIST_ITEM_CORRELATION_TYPE = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST, _elementType.LIST_ITEM];
 const LIST_ITEM_SUPPORTED_TRANSFORMATION = exports.LIST_ITEM_SUPPORTED_TRANSFORMATION = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST, 'left', 'center', 'right', _elementType.BLOCKQUOTE];

package/dist/basic-sdk/extension/plugins/link/render-elem.js

@@ -113,7 +113,9 @@ class Link extends _react.default.Component {
         className: className
       }, attributes), /*#__PURE__*/_react.default.createElement("a", {
         href: element.href,
-        title: element.title
+        title: element.title,
+        target: "_blank",
+        rel: "noreferrer"
       }, children));
     }
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", Object.assign({

package/dist/context.js

@@ -62,8 +62,8 @@ class Context {
     this.initSettings(); // lazy init context class
     const server = this.getSetting('serviceUrl');
     const token = this.getSetting('accessToken');
-    // console.log(2, server, token)
     this.api = new _seafileApi.default(server, token);
+    console.log(2, server, token, this.api);
     const isOpenSocket = this.getSetting('isOpenSocket');
     if (isOpenSocket) {
       this.sdocServerApi = new _sdocServerApi.default(this.settings);
@@ -201,10 +201,12 @@ class Context {
   getSdocLocalFiles(p, type) {
     const docUuid = this.getSetting('docUuid');
     const repoID = this.getSetting('repoID');
-    console.log(100, docUuid, repoID);
-    console.log(100, p, type, docUuid);
     return this.api.getSdocFiles(docUuid, p, type, this.server);
   }
+  getSearchFilesByFilename(query, page, per_page, search_type) {
+    const docUuid = this.getSetting('docUuid');
+    return this.api.getSearchByFilename(docUuid, query, page, per_page, search_type);
+  }
   listRepos(options) {
     /*
      * options: `{type: 'shared'}`, `{type: ['mine', 'shared', ...]}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.162-alpha.2",
+  "version": "1.0.163-alpha.1",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",