@seafile/seafile-editor 2.0.34-beta → 2.0.34-beta2

package/dist/components/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "BrowserTip", {
     return _browserTip.default;
   }
 });
+Object.defineProperty(exports, "LinkVerifiedDialog", {
+  enumerable: true,
+  get: function () {
+    return _linkVerifiedDialog.default;
+  }
+});
 Object.defineProperty(exports, "LongTextModal", {
   enumerable: true,
   get: function () {
@@ -24,4 +30,5 @@ Object.defineProperty(exports, "ModalHeader", {
 });
 var _longtextModal = _interopRequireDefault(require("./longtext-modal"));
 var _browserTip = _interopRequireDefault(require("./browser-tip"));
-var _modalHeader = _interopRequireDefault(require("./modal-header"));
+var _modalHeader = _interopRequireDefault(require("./modal-header"));
+var _linkVerifiedDialog = _interopRequireDefault(require("./link-verified-dialog"));

package/dist/components/link-verified-dialog/index.css

@@ -0,0 +1,32 @@
+.sf-link-verified-dialog {
+  width: 448px;
+  max-width: 448px;
+}
+
+.sf-link-verified-dialog .modal-content {
+  border-radius: 16px;
+}
+
+.sf-link-verified-dialog .modal-header {
+  align-items: center;
+  padding: 10px 8px 10px 16px;
+  border-bottom: 0;
+}
+
+.sf-link-verified-dialog .modal-body {
+  padding-top: 4px;
+}
+
+.sf-link-verified-dialog .sf-tip-default {
+  color: #666;
+  font-size: 14px;
+}
+
+.sf-link-verified-dialog .sf-verify-link {
+  word-break: break-all;
+}
+
+.sf-link-verified-dialog .modal-footer {
+  border-top: 0;
+  padding: 0 16px 16px;
+}

package/dist/components/link-verified-dialog/index.js

@@ -0,0 +1,66 @@
+"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 _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _modalHeader = _interopRequireDefault(require("../modal-header"));
+var _constants = require("../../constants");
+require("./index.css");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const LinkVerifiedDialog = _ref => {
+  let {
+    onToggle,
+    link
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)(_constants.TRANSLATE_NAMESPACE);
+  const copyLink = (0, _react.useCallback)(() => {
+    (0, _copyToClipboard.default)(link);
+    onToggle && onToggle();
+  }, [link, onToggle]);
+  const openLink = (0, _react.useCallback)(() => {
+    window.open(link);
+    onToggle && onToggle();
+  }, [link, onToggle]);
+  const {
+    host,
+    protocol,
+    pathname
+  } = new URL(link);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    isOpen: true,
+    centered: true,
+    toggle: onToggle,
+    className: "sf-link-verified-dialog",
+    zIndex: 1071
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
+    toggle: onToggle
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "mr-2"
+  }, t('This_link_is_not_verified'))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "sf-tip-default mb-5"
+  }, t('This_link_is_not_verified_tip')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-verify-link"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sf-tip-default"
+  }, protocol), /*#__PURE__*/_react.default.createElement("span", null, host), /*#__PURE__*/_react.default.createElement("span", {
+    className: "sf-tip-default"
+  }, pathname))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    onClick: copyLink,
+    className: "m-0 mr-2"
+  }, t('Copy_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    color: "primary",
+    className: "m-0",
+    onClick: openLink
+  }, t('Open_link'))));
+};
+var _default = exports.default = LinkVerifiedDialog;

package/dist/components/modal-header/index.js

@@ -16,10 +16,10 @@ function ModalHeader(_ref) {
   let close = null;
   if (toggle) {
     close = /*#__PURE__*/_react.default.createElement("span", {
-      class: "sf-editor-close-icon",
+      className: "sf-editor-close-icon",
       onClick: toggle
     }, /*#__PURE__*/_react.default.createElement("i", {
-      class: "iconfont icon-x",
+      className: "iconfont icon-x",
       "aria-hidden": "true"
     }));
   }

package/dist/extension/plugins/definition/render-elem/index.css

@@ -1 +1,4 @@
-
+.sf-virtual-definition {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}

package/dist/extension/plugins/definition/render-elem/index.js

@@ -1,14 +1,12 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-var _slateReact = require("slate-react");
+var _components = require("../../../../components");
 require("./index.css");
 /* eslint-disable react-hooks/rules-of-hooks */
 
@@ -18,19 +16,29 @@ const renderDefinition = (_ref, editor) => {
     children,
     element
   } = _ref;
-  const [isShowPopover, setShowPopover] = (0, _react.useState)(false);
+  const [isShowConfirmDialog, setIsShowConfirmDialog] = (0, _react.useState)(false);
   const onHrefClick = (0, _react.useCallback)(event => {
     event.preventDefault();
-    setShowPopover(true);
-  }, []);
-  console.log(element);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", Object.assign({
+    if (element.url.startsWith(window.location.origin)) {
+      window.open(element.url);
+      return;
+    }
+    setIsShowConfirmDialog(true);
+  }, [element.url]);
+  const onToggle = (0, _react.useCallback)(() => {
+    setIsShowConfirmDialog(!isShowConfirmDialog);
+  }, [isShowConfirmDialog]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", Object.assign({
     "data-url": element.url,
     "data-id": element.id,
     className: "sf-virtual-definition"
   }, attributes), /*#__PURE__*/_react.default.createElement("span", null, element.identifier + '. '), /*#__PURE__*/_react.default.createElement("a", {
     href: element.url,
+    "data-url": element.url,
     onClick: onHrefClick
-  }, children)));
+  }, children)), isShowConfirmDialog && /*#__PURE__*/_react.default.createElement(_components.LinkVerifiedDialog, {
+    link: element.url,
+    onToggle: onToggle
+  }));
 };
 var _default = exports.default = renderDefinition;

package/dist/extension/plugins/link-reference/render-elem/index.js

@@ -21,7 +21,13 @@ const renderLinkReference = (_ref, editor) => {
     const doms = (0, _core.getNodesByType)(editor.children, _elementTypes.DEFINITION);
     const dom = doms.find(d => d.identifier === element.identifier);
     if (!dom) return;
-    console.log(dom);
+    const selector = `[data-id="${dom.id}"]`;
+    const definitionDom = document.querySelector(selector);
+    if (!definitionDom) return;
+    definitionDom.scrollIntoView({
+      behavior: 'smooth',
+      block: 'center'
+    });
   }, [element, editor]);
   return /*#__PURE__*/_react.default.createElement("sup", Object.assign({
     onClick: onClick,

package/dist/extension/plugins/text-style/render-elem.js

@@ -17,7 +17,6 @@ const renderText = (props, editor) => {
     text,
     ...rest
   } = leaf;
-  console.log(leaf);
   let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
   if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
     markedChildren = /*#__PURE__*/_react.default.createElement("strong", null, markedChildren);

package/dist/slate-convert/md-to-slate/index.js

@@ -42,7 +42,6 @@ const mdStringToSlate = mdString => {
 
   // md ast --> slate ast
   const slateNodes = (0, _transform.formatMdToSlate)(root.children);
-  console.log('slateNodes: ', slateNodes);
 
   // Format the document
   return reconciledSlateNodes(slateNodes);

package/dist/slate-convert/md-to-slate/transform.js

@@ -101,7 +101,6 @@ const applyMarkForInlineItem = function (result, item) {
   }
   if (type === 'linkReference') {
     var _item$children$;
-    console.log('linkReference: ', item);
     textNode['type'] = _elementTypes.LINK_REFERENCE;
     textNode['identifier'] = item.identifier;
     textNode['referenceType'] = item.referenceType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "2.0.34beta",
+  "version": "2.0.34beta2",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -87,6 +87,7 @@
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",
     "classnames": "2.3.2",
+    "copy-to-clipboard": "3.3.1",
     "deep-copy": "1.4.2",
     "deepmerge": "4.3.1",
     "is-url": "^1.2.4",

package/public/locales/en/seafile-editor.json

@@ -235,5 +235,8 @@
   "Horizontal_align": "Horizontal align",
   "Underline": "Underline",
   "Row_number": "Row number",
-  "Column_number": "Column number"
+  "Column_number": "Column number",
+  "This_link_is_not_verified": "This link is not verified",
+  "This_link_is_not_verified_tip": "Before continuing, please ensure you trust this link. If you do not trust the URL, do not open the link to access the site.",
+  "Copy_link": "Copy link"
 }