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

package/dist/api/seafile-api.js

@@ -121,6 +121,10 @@ class SeafileAPI {
     const url = 'api/v2.1/seadoc/dir/' + docUuid + '/?p=' + p + '&type=' + type + '&doc_uuid=' + docUuid;
     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;
     return this.req.get(url);
@@ -177,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

@@ -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"));
@@ -27,6 +28,9 @@ const SelectSdocFileDialog = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   const [currentSelectedFile, setCurrentSelectedFile] = (0, _react.useState)(null);
+  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);
   }, []);
@@ -70,6 +74,30 @@ const SelectSdocFileDialog = _ref => {
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentSelectedFile]);
+  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);
+    }
+  }, [executeSearch, isOpenSearch]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     toggle: closeDialog,
     isOpen: true,
@@ -79,15 +107,41 @@ const SelectSdocFileDialog = _ref => {
     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", {
     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,11 +42,14 @@ 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 => {
+    console.log(p);
+    // 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);
       if (indexId && treeData.length > 0) {
         const newFileListData = (0, _helpers.addDataToTree)(treeData, indexId, res.data, p);
         setTreeData([...newFileListData]);
@@ -69,6 +73,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);
@@ -88,7 +93,39 @@ 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;
     return data.map(item => {
       var _item$children, _item$children2;
@@ -98,6 +135,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,
@@ -146,6 +184,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/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

@@ -14,6 +14,7 @@ class Context {
   constructor() {
     (0, _defineProperty2.default)(this, "initSettings", () => {
       this.settings = window.seafile ? window.seafile : window.seafileConfig;
+      console.log(1, this.settings);
       const {
         name,
         username,
@@ -26,6 +27,7 @@ class Context {
       };
       this.user = new _model.User(userInfo);
       if (this.settings['isSdocRevision']) {
+        console.log(2);
         const repoID = this.getSetting('repoID');
         const siteRoot = this.getSetting('siteRoot');
         const originFilePath = this.getSetting('originFilePath');
@@ -61,6 +63,7 @@ class Context {
     const server = this.getSetting('serviceUrl');
     const token = this.getSetting('accessToken');
     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);
@@ -197,7 +200,41 @@ class Context {
   // local files
   getSdocLocalFiles(p, type) {
     const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFiles(docUuid, p, type);
+    const repoID = this.getSetting('repoID');
+    return this.api.getSdocFiles(docUuid, p, type, this.server);
+  }
+  getSearchFilesByFilename(query, page, per_page) {
+    const docUuid = this.getSetting('docUuid');
+    return this.api.searchSdocFiles(docUuid, query, page, per_page);
+    // return this.api.getSearchByFilename(docUuid, query, page, per_page, search_type);
+  }
+  listRepos(options) {
+    /*
+     * options: `{type: 'shared'}`, `{type: ['mine', 'shared', ...]}`
+     */
+    let url = this.server + '/api/v2.1/repos/';
+    if (!options) {
+      // fetch all types of repos
+      return this.req.get(url);
+    }
+    return this.req.get(url, {
+      params: options,
+      paramsSerializer: {
+        serialize: function (params) {
+          let list = [];
+          for (let key in params) {
+            if (Array.isArray(params[key])) {
+              for (let i = 0, len = params[key].length; i < len; i++) {
+                list.push(key + '=' + encodeURIComponent(params[key][i]));
+              }
+            } else {
+              list.push(key + '=' + encodeURIComponent(params[key]));
+            }
+          }
+          return list.join('&');
+        }
+      }
+    });
   }
   getSdocLocalFileId(p) {
     const docUuid = this.getSetting('docUuid');

package/package.json

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