@seafile/seafile-sdoc-editor 2.0.0

package/dist/components/doc-operations/more-operations.js

@@ -0,0 +1,167 @@
+"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 _reactstrap = require("reactstrap");
+var _printJs = _interopRequireDefault(require("@seafile/print-js"));
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _constants = require("../../constants");
+var _switch = _interopRequireDefault(require("../switch"));
+var MoreOperations = function MoreOperations(_ref) {
+  var isStarred = _ref.isStarred,
+    t = _ref.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setIsDropdownOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(_sdocEditor.LocalStorage.getItem(_sdocEditor.FULL_WIDTH_MODE)),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isFullWidthMode = _useState4[0],
+    setIsFullWidthMode = _useState4[1];
+  var parentFolderURL = _sdocEditor.context.getSetting('parentFolderURL');
+  var isPro = _sdocEditor.context.getSetting('isPro');
+  var isFreezed = _sdocEditor.context.getSetting('isFreezed');
+  var docPerm = _sdocEditor.context.getSetting('docPerm');
+  var historyURL = _sdocEditor.context.getSetting('historyURL');
+  var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision');
+  var mobileLogin = _sdocEditor.context.getSetting('mobileLogin');
+  var cssUrls = _sdocEditor.context.getPrintCss();
+  var id = 'sdoc_more_operation';
+  (0, _react.useEffect)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    var unSubscribe = eventBus.subscribe(_sdocEditor.INTERNAL_EVENT.ON_PRINT, handlePrint);
+    return function () {
+      unSubscribe();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var toggleDropdown = (0, _react.useCallback)(function (event, isDropdownOpen) {
+    if (isDropdownOpen) {
+      // Clicking the fullscreen menu does not close the collapsed menu
+      var el = document.getElementById('sdoc-full-width-mode-wrapper');
+      if (el && el.contains(event.target)) return;
+    }
+    setIsDropdownOpen(!isDropdownOpen);
+  }, []);
+  var handlePrint = (0, _react.useCallback)(function () {
+    (0, _printJs["default"])({
+      printable: 'sdoc-editor-print-wrapper',
+      type: 'html',
+      scanStyles: true,
+      targetStyles: ['*'],
+      style: '@page { size: auto A4 landscape;margin:20px auto; padding: 0;} .d-print-none{display:none !important;} .article {border: none !important; box-shadow: none !important; } html, body {margin: 0; padding: 0}',
+      css: cssUrls
+    });
+  }, [cssUrls]);
+  var onFreezeDocument = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.FREEZE_DOCUMENT);
+  }, []);
+  var unFreeze = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.UNFREEZE);
+  }, []);
+  var handleClickHistory = (0, _react.useCallback)(function (event) {
+    if (docPerm !== 'rw' || !historyURL) return;
+    if (isSdocRevision) return;
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+    window.location.href = historyURL;
+  }, [docPerm, historyURL, isSdocRevision]);
+  var printShortcutTexts = (0, _react.useMemo)(function () {
+    var printTexts = (0, _sdocEditor.isMac)() ? ['⌘', 'P'] : ['Ctrl', 'P'];
+    return printTexts;
+  }, []);
+  var onSwitchMode = (0, _react.useCallback)(function () {
+    var newMode = !isFullWidthMode;
+    _sdocEditor.LocalStorage.setItem(_sdocEditor.FULL_WIDTH_MODE, newMode);
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_sdocEditor.INTERNAL_EVENT.RESIZE_ARTICLE);
+    setIsFullWidthMode(newMode);
+  }, [isFullWidthMode]);
+  var toggleStar = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.TOGGLE_STAR);
+  }, []);
+  var onShareToggle = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.SHARE_SDOC);
+  }, []);
+  var onInternalLinkClick = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    if (isSdocRevision) {
+      eventBus.dispatch(_constants.EXTERNAL_EVENT.INTERNAL_LINK_CLICK, {
+        internalLink: window.location.href
+      });
+      return;
+    }
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
+  }, [isSdocRevision]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Dropdown, {
+    className: "sdoc-operator-folder ".concat(mobileLogin ? 'mobile-login' : ''),
+    isOpen: isDropdownOpen,
+    toggle: function toggle(event) {
+      return toggleDropdown(event, isDropdownOpen);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownToggle, {
+    id: id,
+    className: "op-item",
+    tag: "span"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-more"
+  })), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+    target: id
+  }, t('More_operation')), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
+    className: "sdoc-dropdown-menu",
+    end: true
+  }, mobileLogin && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: toggleStar
+  }, /*#__PURE__*/_react["default"].createElement("div", null, isStarred ? t('Collected') : t('Collect'))), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onShareToggle
+  }, t('Share_1')), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onInternalLinkClick
+  }, t('Internal_link')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-operator-folder-divider"
+  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: handlePrint
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-print-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, t('Print')), /*#__PURE__*/_react["default"].createElement(_sdocEditor.MenuShortcutPrompt, {
+    shortcuts: printShortcutTexts
+  }))), isPro && isFreezed && /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: unFreeze
+  }, t('Unfreeze')), isPro && !isFreezed && /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onFreezeDocument
+  }, t('Freeze_document')), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: handleClickHistory
+  }, t('Document_history')), !_sdocEditor.isMobile && /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    id: "sdoc-full-width-mode-wrapper",
+    className: "sdoc-dropdown-menu-item"
+  }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+    checked: isFullWidthMode,
+    placeholder: t('Full_width_mode'),
+    className: "sdoc-full-width-mode-wrapper w-100",
+    onChange: onSwitchMode
+  })), parentFolderURL && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-operator-folder-divider"
+  }), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    tag: "a",
+    href: parentFolderURL
+  }, t('Open_parent_folder')))));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(MoreOperations);

package/dist/components/doc-operations/plugins-operations.js

@@ -0,0 +1,56 @@
+"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 _sdocEditor = require("@seafile/sdoc-editor");
+var _classnames = _interopRequireDefault(require("classnames"));
+var PluginsOperations = function PluginsOperations() {
+  var _usePlugins = (0, _sdocEditor.usePlugins)(),
+    plugins = _usePlugins.plugins,
+    updateDisplayPlugin = _usePlugins.updateDisplayPlugin;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var iconIdMap = {
+    'sdoc-info': 'sdoc_info',
+    'sdoc-comment': 'sdoc_comment'
+  };
+  var _onClick = (0, _react.useCallback)(function (event, pluginName) {
+    event.stopPropagation();
+    event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
+    updateDisplayPlugin(pluginName);
+  }, [updateDisplayPlugin]);
+  if (plugins.length === 0) return null;
+  return plugins.filter(function (plugin) {
+    return !plugin.position || plugin.position === _sdocEditor.PLUGIN_BTN_POSITION.DEFAULT;
+  }).map(function (plugin) {
+    var name = plugin.name,
+      icon = plugin.icon;
+    var iconDom = '';
+    if (typeof icon !== 'string') {
+      iconDom = icon;
+    } else {
+      iconDom = /*#__PURE__*/_react["default"].createElement("i", {
+        className: (0, _classnames["default"])('sdocfont', icon)
+      });
+    }
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "op-item sdoc-plugin-operation-btn-container",
+      id: iconIdMap[name],
+      onClick: function onClick(e) {
+        return _onClick(e, name);
+      },
+      key: name
+    }, iconDom, name === 'sdoc-info' && /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+      target: iconIdMap[name]
+    }, t('Property')), name === 'sdoc-comment' && /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+      target: iconIdMap[name]
+    }, t('Comment_list')));
+  });
+};
+var _default = exports["default"] = PluginsOperations;

package/dist/components/doc-operations/presentation-operation/index.js

@@ -0,0 +1,44 @@
+"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"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var PresentationOperation = function PresentationOperation() {
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var id = 'sdoc_presentation';
+  var _usePlugins = (0, _sdocEditor.usePlugins)(),
+    plugins = _usePlugins.plugins,
+    closePlugin = _usePlugins.closePlugin;
+  var onPresentationToggle = (0, _react.useCallback)(function () {
+    // Close plugins before presentation mode
+    if (plugins && ['sdoc-info', 'sdoc-comment'].includes(plugins[0].name)) {
+      closePlugin && closePlugin();
+    }
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_sdocEditor.INTERNAL_EVENT.TOGGLE_PRESENTATION_MODE, {
+      isShowFullScreen: true
+    });
+    var node = document.querySelector('.sdoc-editor-container');
+    if (node !== null && node !== void 0 && node.requestFullscreen) {
+      node.requestFullscreen()["catch"](function (err) {
+        return console.error('Failed to enter fullscreen:', err);
+      });
+    }
+  }, [closePlugin, plugins]);
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "op-item",
+    id: id,
+    onClick: onPresentationToggle
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-presentation"
+  }), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+    target: id
+  }, t('Presentation')));
+};
+var _default = exports["default"] = PresentationOperation;

package/dist/components/doc-operations/revision-operations/changes-count/index.css

@@ -0,0 +1,34 @@
+.sdoc-revision-changes-container {
+  height: 32px;
+  border: 1px solid #e5e5e5;
+  border-radius: 3px;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-divider {
+  border-right: 1px solid #e5e5e5;
+  height: 100%;
+  width: 1px;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last,
+.sdoc-revision-changes-container .sdoc-revision-changes-next {
+  padding: 0 8px;
+  height: 100%;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last .sdocfont,
+.sdoc-revision-changes-container .sdoc-revision-changes-next .sdocfont {
+  color: #000;
+  opacity: .5;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last:hover,
+.sdoc-revision-changes-container .sdoc-revision-changes-next:hover {
+  cursor: pointer;
+  background-color: #f5f5f5;
+}
+
+.sdoc-revision-changes-container .sdoc-revision-changes-last:hover .sdocfont,
+.sdoc-revision-changes-container .sdoc-revision-changes-next:hover .sdocfont {
+  opacity: .75;
+}

package/dist/components/doc-operations/revision-operations/changes-count/index.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+require("./index.css");
+var ChangesCount = function ChangesCount(_ref) {
+  var allChanges = _ref.allChanges;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentDiffIndex = _useState2[0],
+    setDiffIndex = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    changes = _useState4[0],
+    setChanges = _useState4[1];
+  var intervalRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    // Article rendering is delayed, so we need to wait for the Article to render before we can get the changes
+    new Promise(function (resolve) {
+      intervalRef.current = setInterval(function () {
+        var article = document.querySelector('.article');
+        if (article) {
+          clearInterval(intervalRef.current);
+          intervalRef.current = null;
+          resolve();
+        }
+      }, 100);
+    }).then(function () {
+      if (allChanges.changes.length !== 0) {
+        var topLevelChanges = (0, _sdocEditor.getTopLevelChanges)(allChanges.changes);
+        var _changes = (0, _sdocEditor.getMergedChanges)(topLevelChanges, allChanges.value);
+        setChanges(_changes);
+      }
+    });
+    return function () {
+      intervalRef.current && clearInterval(intervalRef.current);
+    };
+  }, [allChanges]);
+  var jumpToElement = (0, _react.useCallback)(function (currentDiffIndex) {
+    setDiffIndex(currentDiffIndex);
+    var change = changes[currentDiffIndex];
+    var changeElement = document.querySelectorAll("[data-id=\"".concat(change, "\"]"))[0];
+    if (changeElement) {
+      var scrollContainer = document.getElementById('sdoc-scroll-container');
+      if (scrollContainer) {
+        scrollContainer.scrollTop = changeElement.offsetTop - 10;
+      }
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  var lastChange = (0, _react.useCallback)(function () {
+    if (currentDiffIndex === 0) {
+      jumpToElement(changes.length - 1);
+      return;
+    }
+    jumpToElement(currentDiffIndex - 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  var nextChange = (0, _react.useCallback)(function () {
+    if (currentDiffIndex === changes.length - 1) {
+      jumpToElement(0);
+      return;
+    }
+    jumpToElement(currentDiffIndex + 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changes, currentDiffIndex]);
+  if (!Array.isArray(changes) || changes.length === 0) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-revision-changes-container d-flex align-items-center pl-2 pr-2 ml-4"
+    }, t('No_changes'));
+  }
+  var changesCount = changes.length;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-changes-container d-flex align-items-center ml-4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-changes-tip d-flex align-items-center justify-content-center pl-2 pr-2"
+  }, "".concat(t('Changes'), " ").concat(currentDiffIndex + 1, "/").concat(changesCount)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-changes-divider"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-changes-last d-flex align-items-center justify-content-center",
+    id: "sdoc-revision-changes-last",
+    onClick: lastChange
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-next-page",
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-changes-divider"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-changes-next d-flex align-items-center justify-content-center",
+    id: "sdoc-revision-changes-next",
+    onClick: nextChange
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-previous-page",
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+    placement: "bottom",
+    target: "sdoc-revision-changes-last"
+  }, t('Last_modification')), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+    placement: "bottom",
+    target: "sdoc-revision-changes-next"
+  }, t('Next_modification')));
+};
+var _default = exports["default"] = ChangesCount;