@seafile/comment-editor 0.0.1-alpha.0

package/dist/basic-sdk/right-panel/index.js

@@ -0,0 +1,86 @@
+"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 _comment = _interopRequireDefault(require("../comment"));
+var _constants = require("../constants");
+var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+var _localStorageUtils = _interopRequireDefault(require("../utils/local-storage-utils"));
+var _resizeWidth = _interopRequireDefault(require("./resize-width"));
+require("./index.css");
+const MIN_PANEL_WIDTH = 360;
+const MAX_PANEL_WIDTH = 620;
+const RightPanel = _ref => {
+  let {
+    editor
+  } = _ref;
+  const displayPluginName = 'aa';
+  const [width, setWidth] = (0, _react.useState)(MIN_PANEL_WIDTH);
+  const panelWrapperStyle = (0, _react.useMemo)(() => {
+    if (!displayPluginName) return null;
+    let style = {
+      width,
+      zIndex: 101
+    };
+    if (!style.width || style.width < MIN_PANEL_WIDTH) {
+      style.width = MIN_PANEL_WIDTH;
+    } else if (style.width > MAX_PANEL_WIDTH) {
+      style.width = MAX_PANEL_WIDTH;
+    }
+    return style;
+  }, [width, displayPluginName]);
+  const resizeWidth = (0, _react.useCallback)(width => {
+    setWidth(width);
+  }, []);
+  const resizeWidthEnd = (0, _react.useCallback)(width => {
+    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, JSON.stringify({
+      ...settings,
+      panelWidth: width
+    }));
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
+  }, []);
+  (0, _react.useEffect)(() => {
+    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
+    const {
+      panelWidth
+    } = settings;
+    const width = Math.max(MIN_PANEL_WIDTH, Math.min(parseInt(panelWidth, 10) || MIN_PANEL_WIDTH, MAX_PANEL_WIDTH));
+    setWidth(width);
+  }, []);
+  (0, _react.useEffect)(() => {
+    const isShowGlobalComments = displayPluginName === 'sdoc-comment' ? true : false;
+    const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, {
+      ...settings,
+      isShowGlobalComments
+    });
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
+  }, [displayPluginName]);
+  const resizable_width = true;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-content-right-panel-wrapper",
+    style: panelWrapperStyle
+  }, resizable_width && /*#__PURE__*/_react.default.createElement(_resizeWidth.default, {
+    minWidth: MIN_PANEL_WIDTH,
+    maxWidth: MAX_PANEL_WIDTH,
+    resizeWidth: resizeWidth,
+    resizeWidthEnd: resizeWidthEnd
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-content-right-panel",
+    id: "sdoc-content-right-panel"
+  }, /*#__PURE__*/_react.default.createElement(_comment.default, {
+    editor: editor,
+    type: "global",
+    onClose: () => {},
+    width: width
+  })));
+};
+var _default = exports.default = RightPanel;

package/dist/basic-sdk/right-panel/resize-width/index.css

@@ -0,0 +1,38 @@
+.sdoc-resize-width-handler {
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 6px;
+}
+
+.sdoc-resize-width-handler.resize-handler-placement-right {
+  left: 0;
+  right: auto;
+}
+
+.sdoc-resize-width-handler:hover {
+  cursor: col-resize;
+}
+
+.sdoc-resize-width-handler .sdoc-resize-width-handler-content {
+  background-color: initial;
+  height: 100%;
+  position: relative;
+  width: 2px;
+}
+
+.sdoc-resize-width-handler:hover .sdoc-resize-width-handler-content {
+  background-color: #ccc;
+}
+
+.sdoc-resize-width-handler .sdoc-resize-width-handler-bar {
+  background-color: #2d7ff9;
+  border-radius: 3px;
+  content: "";
+  left: 50%;
+  margin-left: -3px;
+  position: absolute;
+  width: 6px;
+}
+

package/dist/basic-sdk/right-panel/resize-width/index.js

@@ -0,0 +1,132 @@
+"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"));
+require("./index.css");
+const ResizeWidth = _ref => {
+  let {
+    minWidth,
+    maxWidth,
+    resizeWidth: resizeWidthAPI,
+    resizeWidthEnd
+  } = _ref;
+  const [isShowHandlerBar, setIsShowHandlerBar] = (0, _react.useState)(false);
+  const [drag, setDrag] = (0, _react.useState)(null);
+  const handlerRef = (0, _react.useRef)(null);
+  const handlerBarRef = (0, _react.useRef)(null);
+  const setHandlerBarTop = handlerTop => {
+    if (!handlerBarRef.current || handlerTop < 0) return;
+    handlerBarRef.current.style.top = handlerTop + 'px';
+  };
+  const setHandlerBarPosition = event => {
+    if (!handlerRef.current) return;
+    const {
+      top
+    } = handlerRef.current.getBoundingClientRect();
+    const handlerTop = event.pageY - top - 26 / 2;
+    setHandlerBarTop(handlerTop);
+  };
+  const getWidthFromMouseEvent = event => {
+    return event.pageX || event.touches && event.touches[0] && event.touches[0].pageX || event.changedTouches && event.changedTouches[event.changedTouches.length - 1].pageX;
+  };
+  const calculateResizedWidth = event => {
+    const width = getWidthFromMouseEvent(event);
+    const resizedWidth = document.body.clientWidth - width;
+    if (minWidth && resizedWidth < minWidth || maxWidth && resizedWidth > maxWidth) return -1;
+    return resizedWidth;
+  };
+  const onResizeWidth = event => {
+    const resizedWidth = calculateResizedWidth(event);
+    if (resizedWidth < 0) return;
+    if (resizeWidthAPI) {
+      resizeWidthAPI(resizedWidth);
+    }
+  };
+  const onDrag = event => {
+    onResizeWidth(event);
+  };
+  const onDragStart = (0, _react.useCallback)(event => {
+    if (event && event.dataTransfer && event.dataTransfer.setData) {
+      event.dataTransfer.setData('text/plain', 'dummy');
+    }
+  }, []);
+  const onDragEnd = event => {
+    onResizeWidth(event);
+  };
+  const onMouseLeave = () => {
+    setIsShowHandlerBar(false);
+  };
+  const onMouseEnter = event => {
+    setIsShowHandlerBar(true);
+    setHandlerBarPosition(event);
+    if (handlerRef.current) {
+      handlerRef.current.addEventListener('mouseleave', onMouseLeave);
+    }
+  };
+  const onMouseOver = event => {
+    setHandlerBarPosition(event);
+  };
+  const onMouseDown = event => {
+    event.preventDefault && event.preventDefault();
+    const currDrag = onDragStart(event);
+    if (currDrag === null && event.button !== 0) return;
+    window.addEventListener('mouseup', onMouseUp);
+    window.addEventListener('mousemove', onMouseMove);
+    if (handlerRef.current) {
+      handlerRef.current.removeEventListener('mouseleave', onMouseLeave);
+    }
+    setDrag(currDrag);
+  };
+  const onMouseMove = event => {
+    event.preventDefault && event.preventDefault();
+    if (!drag === null) return;
+    onDrag(event);
+  };
+  const onMouseUp = event => {
+    window.removeEventListener('mouseup', onMouseUp);
+    window.removeEventListener('mousemove', onMouseMove);
+    onDragEnd(event, drag);
+    setHandlerBarTop(-9999);
+    setDrag(null);
+    setIsShowHandlerBar(false);
+    if (resizeWidthEnd) {
+      const resizeWidth = calculateResizedWidth(event);
+      if (resizeWidth < 0) return;
+      resizeWidthEnd(resizeWidth);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    return () => {
+      window.removeEventListener('mouseup', onMouseUp);
+      window.removeEventListener('mousemove', onMouseMove);
+    };
+
+    // eslint-disable-next-line
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-resize-width-handler resize-handler-placement-right",
+    ref: handlerRef,
+    onMouseDown: onMouseDown,
+    onMouseOver: onMouseOver,
+    onMouseEnter: onMouseEnter,
+    onDrag: onDrag,
+    onDragStart: onDragStart,
+    onDragEnd: onDragEnd,
+    style: {
+      zIndex: 4
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-resize-width-handler-content"
+  }, isShowHandlerBar && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-resize-width-handler-bar",
+    ref: handlerBarRef,
+    style: {
+      height: 26
+    }
+  })));
+};
+var _default = exports.default = ResizeWidth;

package/dist/basic-sdk/slate-convert/html-to-slate/constants.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE = exports.HEADER_TYPE_MAP = exports.HEADER_LIST = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
+const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
+const HEADER = exports.HEADER = 'header';
+// each header type should be start with HEADER, all of justices should based on HEADER
+const HEADER1 = exports.HEADER1 = `${HEADER}1`;
+const HEADER2 = exports.HEADER2 = `${HEADER}2`;
+const HEADER3 = exports.HEADER3 = `${HEADER}3`;
+const HEADER4 = exports.HEADER4 = `${HEADER}4`;
+const HEADER5 = exports.HEADER5 = `${HEADER}5`;
+const HEADER6 = exports.HEADER6 = `${HEADER}6`;
+const ORDERED_LIST = exports.ORDERED_LIST = 'ordered_list'; // <ol>
+const UNORDERED_LIST = exports.UNORDERED_LIST = 'unordered_list'; // <ul> // unordered_list can not work
+const LIST_ITEM = exports.LIST_ITEM = 'list_item'; // <li>
+const CHECK_LIST_ITEM = exports.CHECK_LIST_ITEM = 'check_list_item';
+const PARAGRAPH = exports.PARAGRAPH = 'paragraph';
+const CODE_BLOCK = exports.CODE_BLOCK = 'code_block';
+const CODE_LINE = exports.CODE_LINE = 'code_line';
+const TABLE = exports.TABLE = 'table';
+const TABLE_ROW = exports.TABLE_ROW = 'table_row';
+const TABLE_CELL = exports.TABLE_CELL = 'table_cell';
+const IMAGE = exports.IMAGE = 'image';
+const LINK = exports.LINK = 'link';
+const FORMULA = exports.FORMULA = 'formula';
+const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, PARAGRAPH, CODE_BLOCK, TABLE];
+const INLINE_LEVEL_TYPES = exports.INLINE_LEVEL_TYPES = [IMAGE, LINK];
+const HEADER_LIST = exports.HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
+const HEADER_TYPE_MAP = exports.HEADER_TYPE_MAP = {
+  H1: HEADER1,
+  H2: HEADER2,
+  H3: HEADER3,
+  H4: HEADER4,
+  H5: HEADER5,
+  H6: HEADER6
+};

package/dist/basic-sdk/slate-convert/html-to-slate/helper.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genCodeLangs = void 0;
+const genCodeLangs = () => {
+  return [{
+    text: 'Plain Text',
+    value: 'plaintext'
+  }, {
+    text: 'Bash',
+    value: 'bash'
+  }, {
+    text: 'CSS',
+    value: 'css'
+  }, {
+    text: 'C',
+    value: 'c'
+  }, {
+    text: 'C++',
+    value: 'cpp'
+  }, {
+    text: 'C#',
+    value: 'csharp'
+  }, {
+    text: 'Go',
+    value: 'go'
+  }, {
+    text: 'HTML',
+    value: 'html'
+  }, {
+    text: 'Javascript',
+    value: 'javascript'
+  }, {
+    text: 'Java',
+    value: 'java'
+  }, {
+    text: 'PHP',
+    value: 'php'
+  }, {
+    text: 'Python',
+    value: 'python'
+  }, {
+    text: 'Ruby',
+    value: 'ruby'
+  }, {
+    text: 'SQL',
+    value: 'sql'
+  }, {
+    text: 'Swift',
+    value: 'swift'
+  }, {
+    text: 'Typescript',
+    value: 'typescript'
+  }, {
+    text: 'XML',
+    value: 'xml'
+  }, {
+    text: 'YAML',
+    value: 'yaml'
+  }];
+};
+exports.genCodeLangs = genCodeLangs;

package/dist/basic-sdk/slate-convert/html-to-slate/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _typeOf = _interopRequireDefault(require("type-of"));
+var _constants = require("./constants");
+var _rules = _interopRequireDefault(require("./rules"));
+const cruftNewline = element => {
+  return !(element.nodeName === '#text' && element.nodeValue === '\n');
+};
+const deserializeElement = element => {
+  let node;
+  const next = elements => {
+    if (Object.prototype.toString.call(elements) === '[object NodeList]') {
+      elements = Array.from(elements);
+    }
+    switch ((0, _typeOf.default)(elements)) {
+      case 'array':
+        return deserializeElements(elements);
+      case 'object':
+        return deserializeElement(elements);
+      case 'null':
+      case 'undefined':
+        return;
+      default:
+        throw new Error(`The \`next\` argument was called with invalid children: "${elements}".`);
+    }
+  };
+  for (let i = 0; i < _rules.default.length; i++) {
+    const rule = _rules.default[i];
+    if (!rule) continue;
+    const ret = rule(element, next);
+    const type = (0, _typeOf.default)(ret);
+    if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
+      throw new Error(`A rule returned an invalid deserialized representation: "${node}".`);
+    }
+
+    // Not eligible for current component processing
+    if (ret === undefined) {
+      continue;
+    }
+
+    // Empty tags will be discarded and not converted accordingly
+    if (ret === null) {
+      return null;
+    }
+
+    // Assign the final processing result to node
+    node = ret;
+    break;
+  }
+
+  // If node is undefined, it means that the label is not processed, and continue to process the child nodes of the element
+  return node || next(element.childNodes);
+};
+const deserializeElements = function () {
+  let elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let isTopLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let nodes = [];
+  elements.filter(cruftNewline).forEach(element => {
+    const node = deserializeElement(element);
+    switch ((0, _typeOf.default)(node)) {
+      case 'array':
+        const formatNode = isTopLevel ? formatElementNodes(node) : node;
+        nodes = nodes.concat(formatNode);
+        break;
+      case 'object':
+        nodes.push(node);
+        break;
+      default:
+      // nothing todo
+    }
+  });
+  return nodes;
+};
+const formatElementNodes = nodes => {
+  if (nodes.length === 0) {
+    return [{
+      id: _slugid.default.nice(),
+      type: _constants.PARAGRAPH,
+      children: [{
+        text: '',
+        id: _slugid.default.nice()
+      }]
+    }];
+  }
+  nodes = nodes.reduce((memo, node) => {
+    if (_constants.TOP_LEVEL_TYPES.includes(node.type)) {
+      memo.push(node);
+    }
+    if (node.type === _constants.LIST_ITEM) {
+      const newNode = {
+        id: _slugid.default.nice(),
+        type: _constants.UNORDERED_LIST,
+        children: [node]
+      };
+      memo.push(newNode);
+      return memo;
+    }
+
+    // The following types will not appear individually during the pasting process
+    // code_line
+    // table_row | table_cell
+
+    // text | image | link
+    if (!node.type || _constants.INLINE_LEVEL_TYPES.includes(node.type)) {
+      let prevNode = memo[memo.length - 1];
+      if (prevNode && prevNode.type === _constants.PARAGRAPH) {
+        prevNode.children.push(node);
+        return memo;
+      }
+      const newNode = {
+        id: _slugid.default.nice(),
+        type: _constants.PARAGRAPH,
+        children: [node]
+      };
+      memo.push(newNode);
+      return memo;
+    }
+    return memo;
+  }, []);
+  return nodes;
+};
+const deserializeHtml = html => {
+  const parsed = new DOMParser().parseFromString(html, 'text/html');
+  const fragment = parsed.body;
+  const children = Array.from(fragment.childNodes);
+  let nodes = [];
+  nodes = deserializeElements(children, true);
+  nodes = formatElementNodes(nodes);
+  return nodes;
+};
+var _default = exports.default = deserializeHtml;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/blockquote.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+const blockquoteRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
+  if (nodeName === 'BLOCKQUOTE') {
+    return {
+      id: _slugid.default.nice(),
+      type: _constants.BLOCKQUOTE,
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+var _default = exports.default = blockquoteRule;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/check-list.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+const checkListRule = (element, parseChild) => {
+  const {
+    nodeName
+  } = element;
+  if (nodeName === 'INPUT' && element.getAttribute('type') === 'checkbox') {
+    return {
+      id: _slugid.default.nice(),
+      type: _constants.CHECK_LIST_ITEM,
+      checked: element.getAttribute('checked') !== null,
+      children: [{
+        id: _slugid.default.nice(),
+        text: ''
+      }]
+    };
+  }
+  return;
+};
+var _default = exports.default = checkListRule;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/code-block.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+var _helper = require("../helper");
+const codeBlockRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
+  if (nodeName === 'PRE') {
+    const children = Array.from(childNodes).filter(item => item.nodeName === 'CODE');
+    let codeChild = children[0];
+    if (codeChild) {
+      let lang = codeChild.getAttribute('lang');
+      lang = (0, _helper.genCodeLangs)().find(item => item.value === lang) || 'plaintext';
+      return {
+        id: _slugid.default.nice(),
+        language: lang,
+        type: _constants.CODE_BLOCK,
+        children: parseChild(children)
+      };
+    } else {
+      const lang = 'plaintext';
+      const content = childNodes[0].textContent;
+      const textArr = content.split('\n').filter(Boolean);
+      const children = textArr.map(text => {
+        return {
+          id: _slugid.default.nice(),
+          type: _constants.CODE_LINE,
+          children: [{
+            id: _slugid.default.nice(),
+            text: text
+          }]
+        };
+      });
+      return {
+        id: _slugid.default.nice(),
+        language: lang,
+        type: _constants.CODE_BLOCK,
+        children: children
+      };
+    }
+  }
+  if (nodeName === 'CODE' && element.parentElement.nodeName === 'PRE') {
+    const childIsP = Array.from(childNodes).every(n => n.nodeName === 'P');
+    if (childIsP) {
+      return Array.from(childNodes).map(n => {
+        return {
+          id: _slugid.default.nice(),
+          type: _constants.CODE_LINE,
+          children: [{
+            id: _slugid.default.nice(),
+            text: n.textContent
+          }]
+        };
+      });
+    }
+    const content = element.textContent;
+    const hasNewLine = content.indexOf('\n') > -1;
+    if (!hasNewLine) {
+      return {
+        id: _slugid.default.nice(),
+        type: _constants.CODE_LINE,
+        children: [{
+          id: _slugid.default.nice(),
+          text: element.textContent
+        }]
+      };
+    }
+    const codes = content.split('\n').filter(Boolean);
+    return codes.map(item => {
+      return {
+        id: _slugid.default.nice(),
+        type: _constants.CODE_LINE,
+        children: [{
+          id: _slugid.default.nice(),
+          text: item
+        }]
+      };
+    });
+  }
+  return;
+};
+var _default = exports.default = codeBlockRule;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/header.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+const headerRule = (element, parseChild) => {
+  const {
+    nodeName,
+    childNodes
+  } = element;
+  if (nodeName && _constants.HEADER_LIST.includes(nodeName)) {
+    return {
+      id: _slugid.default.nice(),
+      type: _constants.HEADER_TYPE_MAP[nodeName],
+      children: parseChild(childNodes)
+    };
+  }
+  return;
+};
+var _default = exports.default = headerRule;

package/dist/basic-sdk/slate-convert/html-to-slate/rules/image.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+const imageRule = (element, parseChild) => {
+  const {
+    nodeName
+  } = element;
+  if (nodeName === 'IMG') {
+    return {
+      id: _slugid.default.nice(),
+      type: _constants.IMAGE,
+      data: {
+        src: element.getAttribute('src')
+      },
+      children: [{
+        text: '',
+        id: _slugid.default.nice()
+      }]
+    };
+  }
+  return;
+};
+var _default = exports.default = imageRule;