@seafile/seafile-sdoc-editor 2.0.0

package/dist/pages/simple-editor.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _docInfo = _interopRequireDefault(require("../components/doc-info"));
+var _docOperations = _interopRequireDefault(require("../components/doc-operations"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+var _hooks = require("../hooks");
+var _layout = _interopRequireWildcard(require("../layout"));
+var _utils = require("../utils");
+require("../assets/css/simple-editor.css");
+var SimpleEditor = function SimpleEditor(_ref) {
+  var isStarred = _ref.isStarred,
+    isDraft = _ref.isDraft,
+    showComment = _ref.showComment,
+    _ref$showDocOperation = _ref.showDocOperations,
+    showDocOperations = _ref$showDocOperation === void 0 ? true : _ref$showDocOperation,
+    t = _ref.t,
+    _ref$plugins = _ref.plugins,
+    plugins = _ref$plugins === void 0 ? [] : _ref$plugins,
+    collaborators = _ref.collaborators;
+  _sdocEditor.context.initApi();
+  var editorRef = (0, _react.useRef)(null);
+  var _useDocument = (0, _hooks.useDocument)(),
+    isFirstLoading = _useDocument.isFirstLoading,
+    isReloading = _useDocument.isReloading,
+    errorMessage = _useDocument.errorMessage,
+    document = _useDocument.document,
+    reloadDocument = _useDocument.reloadDocument,
+    setErrorMessage = _useDocument.setErrorMessage;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isShowChanges = _useState2[0],
+    setShowChanges = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    revisionContent = _useState4[0],
+    setRevisionContent = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    changes = _useState6[0],
+    setChanges = _useState6[1];
+  var initIsPublished = _sdocEditor.context.getSetting('isPublished') || false;
+  var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision') || false;
+  var _useState7 = (0, _react.useState)(initIsPublished),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isPublished = _useState8[0],
+    setPublished = _useState8[1];
+
+  // useMount: reset title
+  (0, _react.useEffect)(function () {
+    (0, _utils.resetWebTitle)(t);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var setDiffChanges = (0, _react.useCallback)(function (diff) {
+    setChanges(diff);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowChanges]);
+  var handleViewChangesToggle = (0, _react.useCallback)(function (isShowChanges) {
+    if (isPublished) {
+      setShowChanges(isShowChanges);
+      return;
+    }
+    if (!isShowChanges) {
+      setShowChanges(isShowChanges);
+      reloadDocument();
+      return;
+    }
+
+    // Get the contents of the current revision
+    var revisionContentValue = editorRef.current.getSlateValue();
+    setRevisionContent(revisionContentValue);
+    setShowChanges(isShowChanges);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [document, editorRef.current, isPublished]);
+  var handleRevisionMerged = (0, _react.useCallback)(function (value) {
+    setShowChanges(false);
+    editorRef.current.setSlateValue(value);
+    editorRef.current.updateDocumentVersion(value);
+  }, []);
+  var handleRevisionPublished = (0, _react.useCallback)(function () {
+    _sdocEditor.context.getPublishedRevisionContent().then(function (res) {
+      var revisionContentString = res.data.content;
+      var document = JSON.parse(revisionContentString);
+      setRevisionContent(document);
+      setPublished(true);
+      _sdocEditor.context.settings['isPublished'] = true;
+      var oldAssetsUrl = _sdocEditor.context.getSetting('assetsUrl');
+      var docUuid = _sdocEditor.context.getSetting('docUuid');
+      var originDocUuid = _sdocEditor.context.getSetting('originDocUuid');
+      _sdocEditor.context.settings['assetsUrl'] = oldAssetsUrl.replace(docUuid, originDocUuid);
+    })["catch"](function (error) {
+      // eslint-disable-next-line
+      console.log(error);
+      var errorMessage = 'Load_doc_content_error';
+      if (error && error.response) {
+        var _ref2 = error.response.data || {},
+          error_type = _ref2.error_type;
+        if (error_type === 'content_invalid') {
+          errorMessage = 'Sdoc_format_invalid';
+        }
+      }
+      setErrorMessage(errorMessage);
+      setPublished(true);
+    });
+  }, [setErrorMessage]);
+  var docOperationsProps = {
+    isStarred: isStarred,
+    isPublished: isPublished,
+    isShowChanges: isShowChanges,
+    changes: changes,
+    handleViewChangesToggle: handleViewChangesToggle,
+    handleRevisionMerged: handleRevisionMerged,
+    handleRevisionPublished: handleRevisionPublished
+  };
+  if (isFirstLoading) {
+    return /*#__PURE__*/_react["default"].createElement(_sdocEditor.Loading, null);
+  }
+  if (errorMessage) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "error-page"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "error-tip"
+    }, t(errorMessage)));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.CollaboratorsProvider, {
+    collaborators: collaborators
+  }, /*#__PURE__*/_react["default"].createElement(_sdocEditor.PluginsProvider, {
+    plugins: plugins,
+    showComment: showComment
+  }, /*#__PURE__*/_react["default"].createElement(_layout["default"], null, /*#__PURE__*/_react["default"].createElement(_layout.Header, null, /*#__PURE__*/_react["default"].createElement(_docInfo["default"], {
+    isStarred: isStarred,
+    isDraft: isDraft,
+    isPublished: isPublished,
+    isEditMode: isPublished ? false : !isShowChanges
+  }), showDocOperations && /*#__PURE__*/_react["default"].createElement(_docOperations["default"], docOperationsProps)), /*#__PURE__*/_react["default"].createElement(_layout.Content, null, !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_sdocEditor.SDocEditor, {
+    ref: editorRef,
+    isReloading: isReloading,
+    document: document,
+    showComment: showComment
+  }), isSdocRevision && !isPublished && /*#__PURE__*/_react["default"].createElement(_sdocEditor.RevisionEditor, {
+    ref: editorRef,
+    isReloading: isReloading,
+    document: document,
+    revisionContent: revisionContent,
+    isShowChanges: isShowChanges,
+    didMountCallback: setDiffChanges
+  }), isSdocRevision && isPublished && /*#__PURE__*/_react["default"].createElement(_sdocEditor.PublishedRevisionDiffViewer, {
+    revisionContent: revisionContent,
+    isShowChanges: isShowChanges,
+    didMountCallback: setDiffChanges
+  }))))));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(SimpleEditor);

package/dist/pages/simple-viewer.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+var _layout = _interopRequireWildcard(require("../layout"));
+require("../assets/css/simple-viewer.css");
+var SimpleViewer = /*#__PURE__*/function (_React$Component) {
+  function SimpleViewer(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SimpleViewer);
+    _this = (0, _callSuper2["default"])(this, SimpleViewer, [props]);
+    _this.state = {
+      isContextInit: false,
+      errorMessage: null,
+      document: null
+    };
+    _this.config = null;
+    return _this;
+  }
+  (0, _inherits2["default"])(SimpleViewer, _React$Component);
+  return (0, _createClass2["default"])(SimpleViewer, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+        var contentRes, result;
+        return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _sdocEditor.context.initApi();
+              _context.prev = 1;
+              _context.next = 4;
+              return _sdocEditor.context.getFileContent();
+            case 4:
+              contentRes = _context.sent;
+              result = contentRes.data || null;
+              this.setState({
+                isContextInit: true,
+                document: result
+              });
+              _context.next = 13;
+              break;
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](1);
+              // eslint-disable-next-line
+              console.log(_context.t0);
+              this.setState({
+                isContextInit: true,
+                errorMessage: 'Load_doc_content_error',
+                document: null
+              });
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[1, 9]]);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+      return componentDidMount;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        isContextInit = _this$state.isContextInit,
+        errorMessage = _this$state.errorMessage,
+        document = _this$state.document;
+      var t = this.props.t;
+      if (!isContextInit) {
+        return /*#__PURE__*/_react["default"].createElement(_sdocEditor.Loading, null);
+      }
+      if (errorMessage) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "d-flex justify-content-center"
+        }, t(errorMessage));
+      }
+      var _context$getSettings = _sdocEditor.context.getSettings(),
+        docName = _context$getSettings.docName,
+        sharePermissionText = _context$getSettings.sharePermissionText,
+        downloadURL = _context$getSettings.downloadURL;
+      var sdocViewProps = {
+        document: document,
+        showToolbar: _sdocEditor.isMobile ? false : true,
+        showOutline: _sdocEditor.isMobile ? false : true,
+        showComment: false
+      };
+      return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], null, /*#__PURE__*/_react["default"].createElement(_layout["default"], null, /*#__PURE__*/_react["default"].createElement(_layout.Header, null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "doc-info"
+      }, /*#__PURE__*/_react["default"].createElement("h2", {
+        className: "doc-name my-0"
+      }, docName), sharePermissionText && /*#__PURE__*/_react["default"].createElement("span", {
+        className: "sdoc-share-permission ml-2"
+      }, sharePermissionText)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "doc-ops"
+      }, downloadURL && /*#__PURE__*/_react["default"].createElement("a", {
+        href: downloadURL,
+        className: "op-item"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "sdocfont sdoc-download"
+      })))), /*#__PURE__*/_react["default"].createElement(_layout.Content, null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.SDocViewer, sdocViewProps))));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(SimpleViewer);

package/dist/pages/wiki-viewer.js

@@ -0,0 +1,23 @@
+"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 _sdocEditor = require("@seafile/sdoc-editor");
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+require("../assets/css/simple-viewer.css");
+var WikiViewer = function WikiViewer(_ref) {
+  var document = _ref.document,
+    showOutline = _ref.showOutline,
+    scrollRef = _ref.scrollRef;
+  _sdocEditor.context.initApi();
+  return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.SDocWikiViewer, {
+    document: document,
+    showOutline: showOutline,
+    scrollRef: scrollRef
+  }));
+};
+var _default = exports["default"] = WikiViewer;

package/dist/utils/date-utils.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var DateUtils = /*#__PURE__*/function () {
+  function DateUtils() {
+    (0, _classCallCheck2["default"])(this, DateUtils);
+  }
+  return (0, _createClass2["default"])(DateUtils, null, [{
+    key: "format",
+    value:
+    /**
+     * return the formatted date with target format.
+     * @param {string|date object} date
+     * @param {string} format
+     * @returns formatted date
+     */
+    function format(date, _format) {
+      var dateObject = this.getValidDate(date);
+      if (!dateObject) {
+        return '';
+      }
+      var upperCaseFormat = _format && _format.toUpperCase();
+      var year = dateObject.getFullYear();
+      var month = dateObject.getMonth() + 1;
+      var day = dateObject.getDate();
+      var displayMonth = month < 10 ? "0".concat(month) : month;
+      var displayDay = day < 10 ? "0".concat(day) : day;
+      switch (upperCaseFormat) {
+        case 'YYYY-MM-DD HH:MM:SS':
+          {
+            var hours = dateObject.getHours();
+            var minutes = dateObject.getMinutes();
+            var seconds = dateObject.getSeconds();
+            var disPlayHours = hours < 10 ? "0".concat(hours) : hours;
+            var disPlayMinutes = minutes < 10 ? "0".concat(minutes) : minutes;
+            var disPlaySeconds = seconds < 10 ? "0".concat(seconds) : seconds;
+            return "".concat(year, "-").concat(displayMonth, "-").concat(displayDay, " ").concat(disPlayHours, ":").concat(disPlayMinutes, ":").concat(disPlaySeconds);
+          }
+        case 'YYYY-MM-DD HH:MM':
+          {
+            var _hours = dateObject.getHours();
+            var _minutes = dateObject.getMinutes();
+            var _disPlayHours = _hours < 10 ? "0".concat(_hours) : _hours;
+            var _disPlayMinutes = _minutes < 10 ? "0".concat(_minutes) : _minutes;
+            return "".concat(year, "-").concat(displayMonth, "-").concat(displayDay, " ").concat(_disPlayHours, ":").concat(_disPlayMinutes);
+          }
+        default:
+          {
+            return "".concat(year, "-").concat(displayMonth, "-").concat(displayDay);
+          }
+      }
+    }
+  }, {
+    key: "isValidDateObject",
+    value: function isValidDateObject(dateObject) {
+      return dateObject instanceof Date && !isNaN(dateObject.getTime());
+    }
+  }, {
+    key: "getValidDate",
+    value: function getValidDate(date) {
+      if (!date) {
+        return null;
+      }
+      var isDateTypeString = typeof date === 'string';
+      var dateString = date;
+      var dateObject = date;
+      if (isDateTypeString) {
+        if (dateString.split(' ').length > 1 || dateString.includes('T')) {
+          dateObject = new Date(date);
+        } else {
+          // given date is without time precision
+          dateString = "".concat(date, " 00:00:00");
+          dateObject = new Date(dateString);
+        }
+      }
+      if (this.isValidDateObject(dateObject)) return dateObject;
+      if (!isDateTypeString) return null;
+
+      // ios phone and safari browser not support use '2021-09-10 12:30', support '2021/09/10 12:30'
+      dateObject = new Date(dateString.replace(/-/g, '/'));
+      if (this.isValidDateObject(dateObject)) return dateObject;
+      return null;
+    }
+  }]);
+}();
+var _default = exports["default"] = DateUtils;

package/dist/utils/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateUtils", {
+  enumerable: true,
+  get: function get() {
+    return _dateUtils["default"];
+  }
+});
+exports.resetWebTitle = exports.getImageFileNameWithTimestamp = exports.getErrorMsg = exports.getDirPath = void 0;
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _dateUtils = _interopRequireDefault(require("./date-utils"));
+var getDirPath = exports.getDirPath = function getDirPath(path) {
+  var dir = path.slice(0, path.lastIndexOf('/'));
+  if (dir === '') {
+    return '/';
+  } else {
+    return dir;
+  }
+};
+var getImageFileNameWithTimestamp = exports.getImageFileNameWithTimestamp = function getImageFileNameWithTimestamp() {
+  var d = Date.now();
+  return 'image-' + d.toString() + '.png';
+};
+var getErrorMsg = exports.getErrorMsg = function getErrorMsg(error) {
+  var errorMsg = '';
+  if (error.response) {
+    if (error.response.status === 403) {
+      errorMsg = 'Permission_denied';
+    } else if (error.response.data && error.response.data['error_msg']) {
+      errorMsg = error.response.data['error_msg'];
+    } else {
+      errorMsg = 'Error';
+    }
+  } else {
+    errorMsg = 'Please_check_the_network';
+  }
+  return errorMsg;
+};
+var resetWebTitle = exports.resetWebTitle = function resetWebTitle(t) {
+  var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision');
+  var originFilename = _sdocEditor.context.getSetting('originFilename');
+  if (!isSdocRevision) return;
+  window.document.getElementsByTagName('title')[0].innerText = "".concat(t('Revision'), " - ").concat(originFilename);
+};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@seafile/seafile-sdoc-editor",
+  "version": "2.0.0",
+  "author": "shuntian <978987373@qq.com>",
+  "homepage": "https://github.com/seafileltd/sea-sdoc-editor#readme",
+  "license": "ISC",
+  "main": "dist/index.js",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "dist/",
+    "package.json"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/seafileltd/sea-sdoc-editor.git"
+  },
+  "scripts": {
+    "test": "node ./__tests__/seafile-sdoc-editor.test.js",
+    "clean": "rm -rf dist && mkdir dist",
+    "pub:dist": "export BABEL_ENV=production && babel src --out-dir dist --copy-files",
+    "prepublishOnly": "npm run clean && npm run pub:dist"
+  },
+  "bugs": {
+    "url": "https://github.com/seafileltd/sea-sdoc-editor/issues"
+  },
+  "description": "",
+  "dependencies": {
+    "@seafile/print-js": "1.6.6",
+    "classnames": "2.3.2",
+    "dayjs": "1.10.7",
+    "@seafile/sdoc-editor": "2.0.83"
+  },
+  "peerDependencies": {
+    "i18next": "^22.4.0",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-xhr-backend": "^3.2.2",
+    "react-i18next": "^12.1.4",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.1",
+    "reactstrap": "^9.2.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}