dtable-ui-component 0.1.61 → 0.1.65

package/es/utils/slate2markdown/serialize.js

@@ -0,0 +1,415 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+
+var unified = require('./unified');
+
+var stringify = require('remark-stringify');
+
+var processor = unified().use(stringify, {
+  rule: '-',
+  ruleSpaces: false,
+  listItemIndent: 1,
+  bullet: '*',
+  commonmark: true,
+  fences: true
+});
+
+function _applyMark(node, markString) {
+  switch (markString) {
+    case 'BOLD':
+      return {
+        type: 'strong',
+        children: [node]
+      };
+
+    case 'ITALIC':
+      return {
+        type: 'emphasis',
+        children: [node]
+      };
+
+    case 'CODE':
+      return {
+        type: 'inlineCode',
+        value: node.value
+      };
+
+    default:
+      console.log('unknown mark string: ' + markString);
+      return node;
+  }
+}
+/*
+ object: text
+   leaves:
+     - text: 'Hello '
+       marks: []
+     - text: World
+       marks:
+         - type: BOLD
+
+  --->
+  Hello **World**
+*/
+
+
+function _text2MdNodes(node) {
+  var mdNodes = [];
+
+  var _iterator = _createForOfIteratorHelper(node.leaves),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var leaf = _step.value;
+      var mdNode = {
+        type: 'text',
+        value: leaf.text
+      };
+
+      var _iterator2 = _createForOfIteratorHelper(leaf.marks),
+          _step2;
+
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var mark = _step2.value;
+          mdNode = _applyMark(mdNode, mark.type);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+
+      mdNodes.push(mdNode);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return mdNodes;
+}
+
+function _image2MdNode(node) {
+  if (node.data.height || node.data.width) {
+    var text = '<img ';
+
+    for (var key in node.data) {
+      text = text + key + '="' + node.data[key] + '" ';
+    }
+
+    text += '/>';
+    return [{
+      type: 'html',
+      value: text
+    }];
+  } else {
+    return {
+      type: 'image',
+      url: node.data.src,
+      alt: node.data.alt ? node.data.alt : null,
+      title: node.data.title ? node.data.title : null
+    };
+  }
+}
+
+function addChildNodeOrNodes(children, childNodeOrNodes) {
+  if (childNodeOrNodes instanceof Array) {
+    childNodeOrNodes.map(function (item) {
+      return children.push(item);
+    });
+  } else {
+    if (childNodeOrNodes !== undefined) children.push(childNodeOrNodes);
+  }
+}
+
+function parseChildren(node) {
+  var children = [];
+
+  var _iterator3 = _createForOfIteratorHelper(node.nodes),
+      _step3;
+
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var child = _step3.value;
+
+      var ret = _slateNodeToMD(child);
+
+      addChildNodeOrNodes(children, ret);
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+
+  return children;
+}
+
+function _slateNodeToMD(node) {
+  if (node.object == 'block') {
+    var mdNodes;
+
+    switch (node.type) {
+      case 'paragraph':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'paragraph',
+          children: mdNodes
+        };
+
+      case 'header_one':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'heading',
+          depth: 1,
+          children: mdNodes
+        };
+
+      case 'header_two':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'heading',
+          depth: 2,
+          children: mdNodes
+        };
+
+      case 'header_three':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'heading',
+          depth: 3,
+          children: mdNodes
+        };
+
+      case 'header_four':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'heading',
+          depth: 4,
+          children: mdNodes
+        };
+
+      case 'header_five':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'heading',
+          depth: 5,
+          children: mdNodes
+        };
+
+      case 'header_six':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'heading',
+          depth: 6,
+          children: mdNodes
+        };
+
+      case 'hr':
+        return {
+          type: 'thematicBreak'
+        };
+
+      case 'ordered_list':
+        mdNodes = parseChildren(node);
+        var loose = false;
+
+        var _iterator4 = _createForOfIteratorHelper(mdNodes),
+            _step4;
+
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var _node = _step4.value;
+
+            if (_node.loose == true) {
+              loose = true;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+
+        return {
+          type: 'list',
+          ordered: true,
+          start: 1,
+          loose: loose,
+          children: mdNodes
+        };
+
+      case 'unordered_list':
+        mdNodes = parseChildren(node);
+        var loose = false;
+
+        var _iterator5 = _createForOfIteratorHelper(mdNodes),
+            _step5;
+
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var _node2 = _step5.value;
+
+            if (_node2.loose === true) {
+              loose = true;
+              break;
+            }
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+
+        return {
+          type: 'list',
+          ordered: false,
+          start: 1,
+          loose: loose,
+          children: mdNodes
+        };
+
+      case 'list_item':
+        mdNodes = parseChildren(node);
+        var loose = false;
+
+        if (mdNodes) {
+          if (mdNodes.length == 1) {
+            loose = false;
+          } else if (mdNodes.length == 2 && mdNodes[1].type == 'list') {
+            loose = false;
+          } else {
+            loose = true;
+          }
+        }
+
+        return {
+          type: 'listItem',
+          loose: loose,
+          checked: node.data.checked !== undefined ? node.data.checked : null,
+          children: mdNodes
+        };
+
+      case 'code_block':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'code',
+          lang: node.data.syntax ? node.data.syntax : null,
+          value: mdNodes.join('')
+        };
+
+      case 'code_line':
+        return node.nodes[0].leaves[0].text + '\n';
+
+      case 'table':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'table',
+          align: node.data.align ? node.data.align : null,
+          children: mdNodes
+        };
+
+      case 'table_row':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'tableRow',
+          children: mdNodes
+        };
+
+      case 'table_cell':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'tableCell',
+          children: mdNodes
+        };
+
+      case 'blockquote':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'blockquote',
+          children: mdNodes
+        };
+
+      case 'html_block':
+        return {
+          type: 'html',
+          value: node.data.html
+        };
+
+      default:
+        // turn the block to paragraph default when it`s type is unknown
+        mdNodes = parseChildren(node);
+        return {
+          type: 'paragraph',
+          children: mdNodes
+        };
+    }
+  } else if (node.object == 'text') {
+    return _text2MdNodes(node);
+  } else if (node.object == 'inline') {
+    var mdNodes;
+
+    switch (node.type) {
+      case 'image':
+        return _image2MdNode(node);
+
+      case 'link':
+        mdNodes = parseChildren(node);
+        return {
+          type: 'link',
+          url: node.data.href,
+          title: node.data.title ? node.data.title : null,
+          children: mdNodes
+        };
+
+      case 'html_block':
+        return {
+          type: 'html',
+          value: node.data.html
+        };
+      // turn inlines to text default, when there is no node.type
+
+      default:
+        return _text2MdNodes(node);
+    }
+  } else {
+    // turn the node to text default when it`s type neither is inline, block or text
+    return _text2MdNodes(node);
+  }
+}
+/**
+ * @param value : a JSON object of editor value
+ * @returns markdownContent
+ */
+
+
+function serialize(value) {
+  var document = value.document;
+  var children = [];
+
+  var _iterator6 = _createForOfIteratorHelper(document.nodes),
+      _step6;
+
+  try {
+    for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+      var child = _step6.value;
+      addChildNodeOrNodes(children, _slateNodeToMD(child));
+    }
+  } catch (err) {
+    _iterator6.e(err);
+  } finally {
+    _iterator6.f();
+  }
+
+  var root = {
+    type: 'root',
+    children: children
+  };
+  var content = processor.stringify(root);
+  return content;
+}
+
+export { serialize };