@seafile/sdoc-editor 0.1.79 → 0.1.80-beta

package/dist/basic-sdk/editor.js

@@ -17,6 +17,7 @@ import CommentContextProvider from './comment/comment-context-provider';
 import CommentWrapper from './comment';
 import { usePipDecorate } from './decorates';
 import { getCursorPosition, getDomHeight, getDomMarginTop } from './utils/dom-utils';
+import { ArticleContext } from './hooks/use-article-width';
 import './assets/css/layout.css';
 import './assets/css/sdoc-editor-plugins.css';
 var SDocEditor = function SDocEditor(_ref) {

package/dist/basic-sdk/extension/plugins/code-block/helpers.js

@@ -114,13 +114,10 @@ export var setClipboardData = function setClipboardData(value) {
     return Node.string(line);
   }).join('\n');
   copy(text, {
-    format: 'text/plain'
+    format: 'text/plain',
+    onCopy: function onCopy(data) {
+      // Set the sdoc editor to format the data
+      data.setData('text/code-block', JSON.stringify(value));
+    }
   });
-
-  // Store the code block data
-  var clipboardData = {
-    text: text,
-    codeBlockNode: value
-  };
-  sessionStorage.setItem('clipboardData', JSON.stringify(clipboardData));
 };

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -22,11 +22,8 @@ var withCodeBlock = function withCodeBlock(editor) {
     return insertText(data);
   };
   newEditor.insertData = function (data) {
-    var text = data.getData('text/plain');
-    var _ref = JSON.parse(sessionStorage.getItem('clipboardData')) || {},
-      storageText = _ref.text,
-      codeBlockNode = _ref.codeBlockNode;
-    if (codeBlockNode && text === storageText && !getSelectedNodeByType(editor, CODE_BLOCK)) {
+    if (data.types.includes('text/code-block') && !getSelectedNodeByType(editor, CODE_BLOCK)) {
+      var codeBlockNode = JSON.parse(data.getData('text/code-block'));
       return insertNode(codeBlockNode);
     }
     return insertData(data);
@@ -95,10 +92,10 @@ var withCodeBlock = function withCodeBlock(editor) {
   };
 
   // Rewrite normalizeNode
-  newEditor.normalizeNode = function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      node = _ref3[0],
-      path = _ref3[1];
+  newEditor.normalizeNode = function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      node = _ref2[0],
+      path = _ref2[1];
     var type = getNodeType(node);
     if (type === CODE_BLOCK) {
       // code-block is the last node in the editor and needs to be followed by a p node

package/dist/basic-sdk/extension/plugins/table/menu/table-menu/index.js

@@ -1,60 +1,37 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
+import React, { useCallback } from 'react';
 import { withTranslation } from 'react-i18next';
 import { insertTable, isTableMenuDisabled } from '../../helpers';
 import { TABLE, MENUS_CONFIG_MAP } from '../../../../constants';
 import { MenuItem } from '../../../../menu';
 import TableSizePopover from '../../popover/table-size-popover';
-var TableMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(TableMenu, _React$Component);
-  var _super = _createSuper(TableMenu);
-  function TableMenu() {
-    var _this;
-    _classCallCheck(this, TableMenu);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.isActive = function () {
-      return false;
-    };
-    _this.isDisabled = function () {
-      var editor = _this.props.editor;
-      return isTableMenuDisabled(editor);
-    };
-    _this.createTable = function (size) {
-      var editor = _this.props.editor;
-      insertTable(editor, size, _this.selection);
-    };
-    return _this;
-  }
-  _createClass(TableMenu, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        isRichEditor = _this$props.isRichEditor,
-        className = _this$props.className;
-      var menuConfig = MENUS_CONFIG_MAP[TABLE];
-      var props = _objectSpread(_objectSpread({
-        isRichEditor: isRichEditor,
-        className: className
-      }, menuConfig), {}, {
-        disabled: this.isDisabled(),
-        isActive: this.isActive(),
-        onMouseDown: function onMouseDown() {}
-      });
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "table-menu"
-      }, /*#__PURE__*/React.createElement(MenuItem, props)), /*#__PURE__*/React.createElement(TableSizePopover, {
-        target: menuConfig.id,
-        createTable: this.createTable
-      }));
-    }
-  }]);
-  return TableMenu;
-}(React.Component);
+var TableMenu = function TableMenu(_ref) {
+  var editor = _ref.editor,
+    isRichEditor = _ref.isRichEditor,
+    className = _ref.className;
+  var isActive = useCallback(function () {
+    return false;
+  }, []);
+  var isDisabled = useCallback(function () {
+    return isTableMenuDisabled(editor);
+  }, [editor]);
+  var createTable = useCallback(function (size) {
+    insertTable(editor, size);
+  }, [editor]);
+  var menuConfig = MENUS_CONFIG_MAP[TABLE];
+  var props = _objectSpread(_objectSpread({
+    isRichEditor: isRichEditor,
+    className: className
+  }, menuConfig), {}, {
+    disabled: isDisabled(),
+    isActive: isActive(),
+    onMouseDown: function onMouseDown() {}
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "table-menu"
+  }, /*#__PURE__*/React.createElement(MenuItem, props)), /*#__PURE__*/React.createElement(TableSizePopover, {
+    target: menuConfig.id,
+    createTable: createTable
+  }));
+};
 export default withTranslation('sdoc-editor')(TableMenu);

package/dist/basic-sdk/hooks/use-article-width.js

@@ -0,0 +1,11 @@
+import React, { useContext } from 'react';
+export var ArticleContext = React.createContext(null);
+export var useArticleWidth = function useArticleWidth() {
+  var context = useContext(ArticleContext);
+  if (!context) {
+    throw new Error('The \`useArticleWidth\` hook must be used inside the <ArticleContext> component\'s context.');
+  }
+  var articleRef = context.articleRef;
+  if (!articleRef.current) return 0;
+  return articleRef.current.firstChild.clientWidth;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.79",
+  "version": "0.1.80beta",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",