@pie-lib/mask-markup 1.13.34-next.0 → 2.0.0-beta.2

package/lib/serialization.js

@@ -1,119 +1,93 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactAttributes = exports.parseStyleString = exports.deserialize = exports.MARK_TAGS = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slateHtmlSerializer = _interopRequireDefault(require("slate-html-serializer"));
-
+var _react = _interopRequireDefault(require("react"));
+var _slateHyperscript = require("slate-hyperscript");
 var _toStyle = require("to-style");
-
 var _debug = _interopRequireDefault(require("debug"));
-
+var _testSerializer = _interopRequireDefault(require("./test-serializer"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var log = (0, _debug["default"])('@pie-lib:mask-markup:serialization');
 var INLINE = ['span'];
 var MARK = ['em', 'strong', 'u'];
 var TEXT_NODE = 3;
 var COMMENT_NODE = 8;
-
 var attr = function attr(el) {
   if (!el.attributes || el.attributes.length <= 0) {
     return undefined;
   }
-
   var out = {};
   var i;
-
   for (i = 0; i < el.attributes.length; i++) {
     var a = el.attributes[i];
     out[a.name] = a.value;
   }
-
   return out;
 };
-
 var getObject = function getObject(type) {
   if (INLINE.includes(type)) {
     return 'inline';
   } else if (MARK.includes(type)) {
     return 'mark';
   }
-
   return 'block';
 };
-
 var parseStyleString = function parseStyleString(s) {
   var regex = /([\w-]*)\s*:\s*([^;]*)/g;
   var match;
   var result = {};
-
   while (match = regex.exec(s)) {
     result[match[1]] = match[2].trim();
   }
-
   return result;
 };
-
 exports.parseStyleString = parseStyleString;
-
 var reactAttributes = function reactAttributes(o) {
   return (0, _toStyle.object)(o, {
     camelize: true,
     addUnits: false
   });
 };
-
 exports.reactAttributes = reactAttributes;
-
 var handleStyles = function handleStyles(el, attribute) {
   var styleString = el.getAttribute(attribute);
   return reactAttributes(parseStyleString(styleString));
 };
-
 var handleClass = function handleClass(el, acc, attribute) {
   var classNames = el.getAttribute(attribute);
   delete acc["class"];
   return classNames;
 };
-
 var attributesToMap = function attributesToMap(el) {
   return function (acc, attribute) {
     if (!el.getAttribute) {
       return acc;
     }
-
     var value = el.getAttribute(attribute);
-
     if (value) {
       switch (attribute) {
         case 'style':
           acc.style = handleStyles(el, attribute);
           break;
-
         case 'class':
           acc.className = handleClass(el, acc, attribute);
           break;
-
         default:
           acc[attribute] = el.getAttribute(attribute);
           break;
       }
     }
-
     return acc;
   };
 };
-
 var attributes = ['border', 'class', 'style'];
+
 /**
  * Tags to marks.
  *
@@ -132,13 +106,13 @@ exports.MARK_TAGS = MARK_TAGS;
 var marks = {
   deserialize: function deserialize(el, next) {
     var mark = MARK_TAGS[el.tagName.toLowerCase()];
-    if (!mark) return;
+    if (!mark) {
+      return;
+    }
     log('[deserialize] mark: ', mark);
-    return {
-      object: 'mark',
-      type: mark,
-      nodes: next(el.childNodes)
-    };
+    return (0, _slateHyperscript.jsx)('text', {
+      type: mark
+    }, next(el.childNodes));
   }
 };
 var rules = [marks, {
@@ -149,59 +123,57 @@ var rules = [marks, {
     if (el.nodeType === COMMENT_NODE) {
       return undefined;
     }
-
     if (el.nodeType === TEXT_NODE) {
-      return {
-        object: 'text',
-        leaves: [{
-          text: el.textContent
-        }]
-      };
+      return (0, _slateHyperscript.jsx)('text', el.textContent);
     }
-
     var type = el.tagName.toLowerCase();
     var normalAttrs = attr(el) || {};
-
     if (type == 'audio' && normalAttrs.controls == '') {
       normalAttrs.controls = true;
     }
-
     var allAttrs = attributes.reduce(attributesToMap(el), _objectSpread({}, normalAttrs));
-    var object = getObject(type);
-
     if (el.tagName.toLowerCase() === 'math') {
-      return {
-        isMath: true,
-        nodes: [el]
-      };
+      return (0, _slateHyperscript.jsx)('element', {
+        type: 'mathml',
+        data: {
+          html: el.innerHTML
+        }
+      });
+
+      // return {
+      //   isMath: true,
+      //   nodes: [el]
+      // };
     }
 
-    return {
-      object: object,
+    if (el.tagName.toLowerCase() === 'br') {
+      return (0, _slateHyperscript.jsx)('element', {
+        type: type,
+        data: {}
+      });
+    }
+    return (0, _slateHyperscript.jsx)('element', {
       type: type,
       data: {
         dataset: _objectSpread({}, el.dataset),
         attributes: _objectSpread({}, allAttrs)
-      },
-      nodes: next(el.childNodes)
-    };
+      }
+    }, next(el.childNodes));
   }
 }];
+
 /**
  * Create a new serializer instance with our `rules` from above.
  * Having a default div block will just put every div on it's own line, which is not ideal.
  */
-
-var html = new _slateHtmlSerializer["default"]({
+var html = new _testSerializer["default"]({
   rules: rules,
   defaultBlock: 'span'
 });
-
 var deserialize = function deserialize(s) {
   return html.deserialize(s, {
     toJSON: true
   });
 };
-
 exports.deserialize = deserialize;
 //# sourceMappingURL=serialization.js.map

package/lib/serialization.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/serialization.js"],"names":["log","INLINE","MARK","TEXT_NODE","COMMENT_NODE","attr","el","attributes","length","undefined","out","i","a","name","value","getObject","type","includes","parseStyleString","s","regex","match","result","exec","trim","reactAttributes","o","camelize","addUnits","handleStyles","attribute","styleString","getAttribute","handleClass","acc","classNames","attributesToMap","style","className","MARK_TAGS","b","em","u","code","strong","marks","deserialize","next","mark","tagName","toLowerCase","object","nodes","childNodes","rules","nodeType","leaves","text","textContent","normalAttrs","controls","allAttrs","reduce","isMath","data","dataset","html","Html","defaultBlock","toJSON"],"mappings":"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","sourcesContent":["import Html from 'slate-html-serializer';\nimport { object as toStyleObject } from 'to-style';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:mask-markup:serialization');\n\nconst INLINE = ['span'];\nconst MARK = ['em', 'strong', 'u'];\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst attr = (el) => {\n  if (!el.attributes || el.attributes.length <= 0) {\n    return undefined;\n  }\n\n  const out = {};\n  let i;\n\n  for (i = 0; i < el.attributes.length; i++) {\n    const a = el.attributes[i];\n\n    out[a.name] = a.value;\n  }\n\n  return out;\n};\n\nconst getObject = (type) => {\n  if (INLINE.includes(type)) {\n    return 'inline';\n  } else if (MARK.includes(type)) {\n    return 'mark';\n  }\n  return 'block';\n};\n\nexport const parseStyleString = (s) => {\n  const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g;\n  let match;\n  const result = {};\n  while ((match = regex.exec(s))) {\n    result[match[1]] = match[2].trim();\n  }\n  return result;\n};\n\nexport const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst handleStyles = (el, attribute) => {\n  const styleString = el.getAttribute(attribute);\n\n  return reactAttributes(parseStyleString(styleString));\n};\n\nconst handleClass = (el, acc, attribute) => {\n  const classNames = el.getAttribute(attribute);\n\n  delete acc.class;\n\n  return classNames;\n};\n\nconst attributesToMap = (el) => (acc, attribute) => {\n  if (!el.getAttribute) {\n    return acc;\n  }\n\n  const value = el.getAttribute(attribute);\n\n  if (value) {\n    switch (attribute) {\n      case 'style':\n        acc.style = handleStyles(el, attribute);\n        break;\n      case 'class':\n        acc.className = handleClass(el, acc, attribute);\n        break;\n      default:\n        acc[attribute] = el.getAttribute(attribute);\n        break;\n    }\n  }\n\n  return acc;\n};\n\nconst attributes = ['border', 'class', 'style'];\n\n/**\n * Tags to marks.\n *\n * @type {Object}\n */\n\nexport const MARK_TAGS = {\n  b: 'bold',\n  em: 'italic',\n  u: 'underline',\n  s: 'strikethrough',\n  code: 'code',\n  strong: 'strong',\n};\n\nconst marks = {\n  deserialize(el, next) {\n    const mark = MARK_TAGS[el.tagName.toLowerCase()];\n    if (!mark) return;\n    log('[deserialize] mark: ', mark);\n    return {\n      object: 'mark',\n      type: mark,\n      nodes: next(el.childNodes),\n    };\n  },\n};\n\nconst rules = [\n  marks,\n  {\n    /**\n     * deserialize everything, we're not fussy about the dom structure for now.\n     */\n    deserialize: (el, next) => {\n      if (el.nodeType === COMMENT_NODE) {\n        return undefined;\n      }\n\n      if (el.nodeType === TEXT_NODE) {\n        return {\n          object: 'text',\n          leaves: [{ text: el.textContent }],\n        };\n      }\n\n      const type = el.tagName.toLowerCase();\n\n      const normalAttrs = attr(el) || {};\n\n      if (type == 'audio' && normalAttrs.controls == '') {\n        normalAttrs.controls = true;\n      }\n\n      const allAttrs = attributes.reduce(attributesToMap(el), { ...normalAttrs });\n      const object = getObject(type);\n\n      if (el.tagName.toLowerCase() === 'math') {\n        return {\n          isMath: true,\n          nodes: [el],\n        };\n      }\n\n      return {\n        object,\n        type,\n        data: { dataset: { ...el.dataset }, attributes: { ...allAttrs } },\n        nodes: next(el.childNodes),\n      };\n    },\n  },\n];\n\n/**\n * Create a new serializer instance with our `rules` from above.\n * Having a default div block will just put every div on it's own line, which is not ideal.\n */\nconst html = new Html({ rules, defaultBlock: 'span' });\n\nexport const deserialize = (s) => html.deserialize(s, { toJSON: true });\n"],"file":"serialization.js"}
+{"version":3,"file":"serialization.js","names":["_react","_interopRequireDefault","require","_slateHyperscript","_toStyle","_debug","_testSerializer","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","INLINE","MARK","TEXT_NODE","COMMENT_NODE","attr","el","attributes","undefined","out","a","name","value","getObject","type","includes","parseStyleString","s","regex","match","result","exec","trim","exports","reactAttributes","o","toStyleObject","camelize","addUnits","handleStyles","attribute","styleString","getAttribute","handleClass","acc","classNames","attributesToMap","style","className","MARK_TAGS","b","em","u","code","strong","marks","deserialize","next","mark","tagName","toLowerCase","jsx","childNodes","rules","nodeType","textContent","normalAttrs","controls","allAttrs","reduce","data","html","innerHTML","dataset","Html","defaultBlock","toJSON"],"sources":["../src/serialization.js"],"sourcesContent":["import React from 'react';\nimport { jsx } from 'slate-hyperscript';\nimport { object as toStyleObject } from 'to-style';\nimport debug from 'debug';\n\nimport Html from './test-serializer';\n\nconst log = debug('@pie-lib:mask-markup:serialization');\n\nconst INLINE = ['span'];\nconst MARK = ['em', 'strong', 'u'];\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst attr = (el) => {\n  if (!el.attributes || el.attributes.length <= 0) {\n    return undefined;\n  }\n\n  const out = {};\n  let i;\n\n  for (i = 0; i < el.attributes.length; i++) {\n    const a = el.attributes[i];\n\n    out[a.name] = a.value;\n  }\n\n  return out;\n};\n\nconst getObject = (type) => {\n  if (INLINE.includes(type)) {\n    return 'inline';\n  } else if (MARK.includes(type)) {\n    return 'mark';\n  }\n  return 'block';\n};\n\nexport const parseStyleString = (s) => {\n  const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g;\n  let match;\n  const result = {};\n  while ((match = regex.exec(s))) {\n    result[match[1]] = match[2].trim();\n  }\n  return result;\n};\n\nexport const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst handleStyles = (el, attribute) => {\n  const styleString = el.getAttribute(attribute);\n\n  return reactAttributes(parseStyleString(styleString));\n};\n\nconst handleClass = (el, acc, attribute) => {\n  const classNames = el.getAttribute(attribute);\n\n  delete acc.class;\n\n  return classNames;\n};\n\nconst attributesToMap = (el) => (acc, attribute) => {\n  if (!el.getAttribute) {\n    return acc;\n  }\n\n  const value = el.getAttribute(attribute);\n\n  if (value) {\n    switch (attribute) {\n      case 'style':\n        acc.style = handleStyles(el, attribute);\n        break;\n      case 'class':\n        acc.className = handleClass(el, acc, attribute);\n        break;\n      default:\n        acc[attribute] = el.getAttribute(attribute);\n        break;\n    }\n  }\n\n  return acc;\n};\n\nconst attributes = ['border', 'class', 'style'];\n\n/**\n * Tags to marks.\n *\n * @type {Object}\n */\n\nexport const MARK_TAGS = {\n  b: 'bold',\n  em: 'italic',\n  u: 'underline',\n  s: 'strikethrough',\n  code: 'code',\n  strong: 'strong',\n};\n\nconst marks = {\n  deserialize(el, next) {\n    const mark = MARK_TAGS[el.tagName.toLowerCase()];\n\n    if (!mark) {\n      return;\n    }\n\n    log('[deserialize] mark: ', mark);\n    return jsx('text', { type: mark }, next(el.childNodes));\n  },\n};\n\nconst rules = [\n  marks,\n  {\n    /**\n     * deserialize everything, we're not fussy about the dom structure for now.\n     */\n    deserialize: (el, next) => {\n      if (el.nodeType === COMMENT_NODE) {\n        return undefined;\n      }\n\n      if (el.nodeType === TEXT_NODE) {\n        return jsx('text', el.textContent);\n      }\n\n      const type = el.tagName.toLowerCase();\n\n      const normalAttrs = attr(el) || {};\n\n      if (type == 'audio' && normalAttrs.controls == '') {\n        normalAttrs.controls = true;\n      }\n\n      const allAttrs = attributes.reduce(attributesToMap(el), { ...normalAttrs });\n\n      if (el.tagName.toLowerCase() === 'math') {\n        return jsx('element', {\n          type: 'mathml',\n          data: {\n            html: el.innerHTML,\n          },\n        });\n\n        // return {\n        //   isMath: true,\n        //   nodes: [el]\n        // };\n      }\n\n      if (el.tagName.toLowerCase() === 'br') {\n        return jsx('element', { type, data: {} });\n      }\n\n      return jsx(\n        'element',\n        {\n          type,\n          data: { dataset: { ...el.dataset }, attributes: { ...allAttrs } },\n        },\n        next(el.childNodes),\n      );\n    },\n  },\n];\n\n/**\n * Create a new serializer instance with our `rules` from above.\n * Having a default div block will just put every div on it's own line, which is not ideal.\n */\nconst html = new Html({ rules, defaultBlock: 'span' });\n\nexport const deserialize = (s) => html.deserialize(s, { toJSON: true });\n"],"mappings":"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"}

package/lib/test-serializer.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _server = _interopRequireDefault(require("react-dom/server"));
+var _escapeHtml = _interopRequireDefault(require("escape-html"));
+var _slate = require("slate");
+var _slateHyperscript = require("slate-hyperscript");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function allWhitespace(node) {
+  // Use ECMA-262 Edition 3 String and RegExp features
+  return !/[^\t\n\r ]/.test(node.textContent);
+}
+function defaultParseHtml(html) {
+  if (typeof DOMParser === 'undefined') {
+    throw new Error('The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.');
+  }
+  var parsed = new DOMParser().parseFromString(html, 'text/html');
+  var body = parsed.body;
+  var textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);
+  var n = textNodes.nextNode();
+  while (n) {
+    if (allWhitespace(n) || n.nodeValue === "\u200B") {
+      n.parentNode.removeChild(n);
+    }
+    n = textNodes.nextNode();
+  }
+  return body;
+}
+var Html = /*#__PURE__*/(0, _createClass2["default"])(function Html(props) {
+  var _this = this;
+  (0, _classCallCheck2["default"])(this, Html);
+  (0, _defineProperty2["default"])(this, "serializeEls", function (node) {
+    if (_slate.Text.isText(node)) {
+      var string = (0, _escapeHtml["default"])(node.text);
+      if (node.bold) {
+        string = /*#__PURE__*/_react["default"].createElement("strong", null, string);
+      }
+      return string;
+    }
+    var children = (node.children || []).map(function (n) {
+      return _this.serializeEls(n);
+    });
+    var correctRule = _this.rules.reduce(function (res, rule) {
+      return res || rule.serialize(node, children);
+    }, null);
+    if (correctRule) {
+      return correctRule;
+    }
+    switch (node.type) {
+      case 'quote':
+        return /*#__PURE__*/_react["default"].createElement("blockquote", null, /*#__PURE__*/_react["default"].createElement("p", null, children));
+      case 'paragraph':
+        return /*#__PURE__*/_react["default"].createElement("p", null, children);
+      case 'link':
+        return /*#__PURE__*/_react["default"].createElement("a", {
+          href: (0, _escapeHtml["default"])(node.url)
+        }, children);
+      default:
+        return children;
+    }
+  });
+  (0, _defineProperty2["default"])(this, "serialize", function (node) {
+    var deserialized = _this.serializeEls(node);
+    var html = _server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].createElement('body', null, deserialized));
+    var inner = html.slice(6, -7);
+    return inner;
+  });
+  (0, _defineProperty2["default"])(this, "deserialize", function (html) {
+    var body = _this.parseHtml(html);
+    if (body.firstChild && body.firstChild.nodeType === Node.TEXT_NODE) {
+      body = _this.parseHtml("<span>".concat(html, "</span>"));
+    }
+    return _this.deserializeEls(body);
+  });
+  (0, _defineProperty2["default"])(this, "deserializeEls", function (element) {
+    var markAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (element.nodeType === Node.TEXT_NODE) {
+      return (0, _slateHyperscript.jsx)('text', markAttributes, element.textContent);
+    } else if (element.nodeType !== Node.ELEMENT_NODE) {
+      return null;
+    }
+    var nodeAttributes = _objectSpread({}, markAttributes);
+
+    // define attributes for text nodes
+    if (element.nodeName === 'STRONG') {
+      nodeAttributes.bold = true;
+    }
+    var nextFn = function nextFn(nodes) {
+      var childNodes = Array.from(nodes);
+      var children = Array.from(childNodes).map(function (node) {
+        return _this.deserializeEls(node, nodeAttributes);
+      }).flat();
+      if (children.length === 0) {
+        children.push((0, _slateHyperscript.jsx)('text', nodeAttributes, ''));
+      }
+      return children;
+    };
+    var correctRule = _this.rules.reduce(function (res, rule) {
+      return res || rule.deserialize(element, nextFn);
+    }, null);
+    if (correctRule) {
+      return correctRule;
+    }
+    var childNodes = Array.from(element.childNodes);
+    var children = Array.from(childNodes).map(function (node) {
+      return _this.deserializeEls(node, nodeAttributes);
+    }).flat();
+    if (children.length === 0) {
+      children.push((0, _slateHyperscript.jsx)('text', nodeAttributes, ''));
+    }
+    switch (element.nodeName) {
+      case 'TABLE':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'table'
+        }, children);
+      case 'TBODY':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'tbody'
+        }, children);
+      case 'TR':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'tr'
+        }, children);
+      case 'TD':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'td'
+        }, children);
+      case 'BODY':
+        return (0, _slateHyperscript.jsx)('fragment', {}, children);
+      case 'BR':
+        return '\n';
+      case 'BLOCKQUOTE':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'quote'
+        }, children);
+      case 'P':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'paragraph'
+        }, children);
+      case 'A':
+        return (0, _slateHyperscript.jsx)('element', {
+          type: 'link',
+          url: element.getAttribute('href')
+        }, children);
+      default:
+        return children;
+    }
+  });
+  this.defaultBlock = props.defaultBlock;
+  this.parseHtml = defaultParseHtml;
+  this.rules = props.rules;
+});
+var _default = Html;
+exports["default"] = _default;
+//# sourceMappingURL=test-serializer.js.map

package/lib/test-serializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-serializer.js","names":["_react","_interopRequireDefault","require","_server","_escapeHtml","_slate","_slateHyperscript","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","allWhitespace","node","test","textContent","defaultParseHtml","html","DOMParser","Error","parsed","parseFromString","body","textNodes","document","createTreeWalker","NodeFilter","SHOW_TEXT","n","nextNode","nodeValue","parentNode","removeChild","Html","_createClass2","props","_this","_classCallCheck2","Text","isText","string","escapeHtml","text","bold","createElement","children","map","serializeEls","correctRule","rules","reduce","res","rule","serialize","type","href","url","deserialized","ReactServer","renderToStaticMarkup","React","inner","slice","parseHtml","firstChild","nodeType","Node","TEXT_NODE","concat","deserializeEls","element","markAttributes","undefined","jsx","ELEMENT_NODE","nodeAttributes","nodeName","nextFn","nodes","childNodes","Array","from","flat","deserialize","getAttribute","defaultBlock","_default","exports"],"sources":["../src/test-serializer.js"],"sourcesContent":["import React from 'react';\nimport ReactServer from 'react-dom/server';\nimport escapeHtml from 'escape-html';\nimport { Text } from 'slate';\nimport { jsx } from 'slate-hyperscript';\n\nfunction allWhitespace(node) {\n  // Use ECMA-262 Edition 3 String and RegExp features\n  return !/[^\\t\\n\\r ]/.test(node.textContent);\n}\n\nfunction defaultParseHtml(html) {\n  if (typeof DOMParser === 'undefined') {\n    throw new Error(\n      'The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.',\n    );\n  }\n\n  const parsed = new DOMParser().parseFromString(html, 'text/html');\n\n  const { body } = parsed;\n  const textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);\n  let n = textNodes.nextNode();\n\n  while (n) {\n    if (allWhitespace(n) || n.nodeValue === '\\u200B') {\n      n.parentNode.removeChild(n);\n    }\n    n = textNodes.nextNode();\n  }\n\n  return body;\n}\n\nclass Html {\n  constructor(props) {\n    this.defaultBlock = props.defaultBlock;\n    this.parseHtml = defaultParseHtml;\n    this.rules = props.rules;\n  }\n\n  serializeEls = (node) => {\n    if (Text.isText(node)) {\n      let string = escapeHtml(node.text);\n      if (node.bold) {\n        string = <strong>{string}</strong>;\n      }\n      return string;\n    }\n\n    let children = (node.children || []).map((n) => this.serializeEls(n));\n\n    const correctRule = this.rules.reduce((res, rule) => {\n      return res || rule.serialize(node, children);\n    }, null);\n\n    if (correctRule) {\n      return correctRule;\n    }\n\n    switch (node.type) {\n      case 'quote':\n        return (\n          <blockquote>\n            <p>{children}</p>\n          </blockquote>\n        );\n      case 'paragraph':\n        return <p>{children}</p>;\n      case 'link':\n        return <a href={escapeHtml(node.url)}>{children}</a>;\n      default:\n        return children;\n    }\n  };\n\n  serialize = (node) => {\n    const deserialized = this.serializeEls(node);\n    const html = ReactServer.renderToStaticMarkup(React.createElement('body', null, deserialized));\n    const inner = html.slice(6, -7);\n    return inner;\n  };\n\n  deserialize = (html) => {\n    let body = this.parseHtml(html);\n\n    if (body.firstChild && body.firstChild.nodeType === Node.TEXT_NODE) {\n      body = this.parseHtml(`<span>${html}</span>`);\n    }\n\n    return this.deserializeEls(body);\n  };\n\n  deserializeEls = (element, markAttributes = {}) => {\n    if (element.nodeType === Node.TEXT_NODE) {\n      return jsx('text', markAttributes, element.textContent);\n    } else if (element.nodeType !== Node.ELEMENT_NODE) {\n      return null;\n    }\n\n    const nodeAttributes = { ...markAttributes };\n\n    // define attributes for text nodes\n    if (element.nodeName === 'STRONG') {\n      nodeAttributes.bold = true;\n    }\n\n    const nextFn = (nodes) => {\n      const childNodes = Array.from(nodes);\n      const children = Array.from(childNodes)\n        .map((node) => this.deserializeEls(node, nodeAttributes))\n        .flat();\n\n      if (children.length === 0) {\n        children.push(jsx('text', nodeAttributes, ''));\n      }\n\n      return children;\n    };\n\n    const correctRule = this.rules.reduce((res, rule) => {\n      return res || rule.deserialize(element, nextFn);\n    }, null);\n\n    if (correctRule) {\n      return correctRule;\n    }\n\n    const childNodes = Array.from(element.childNodes);\n    const children = Array.from(childNodes)\n      .map((node) => this.deserializeEls(node, nodeAttributes))\n      .flat();\n\n    if (children.length === 0) {\n      children.push(jsx('text', nodeAttributes, ''));\n    }\n\n    switch (element.nodeName) {\n      case 'TABLE':\n        return jsx('element', { type: 'table' }, children);\n      case 'TBODY':\n        return jsx('element', { type: 'tbody' }, children);\n      case 'TR':\n        return jsx('element', { type: 'tr' }, children);\n      case 'TD':\n        return jsx('element', { type: 'td' }, children);\n      case 'BODY':\n        return jsx('fragment', {}, children);\n      case 'BR':\n        return '\\n';\n      case 'BLOCKQUOTE':\n        return jsx('element', { type: 'quote' }, children);\n      case 'P':\n        return jsx('element', { type: 'paragraph' }, children);\n      case 'A':\n        return jsx('element', { type: 'link', url: element.getAttribute('href') }, children);\n      default:\n        return children;\n    }\n  };\n}\n\nexport default Html;\n"],"mappings":"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"}

package/lib/with-mask.js

@@ -1,69 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withMask = exports.buildLayoutFromMarkup = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _mask = _interopRequireDefault(require("./mask"));
-
 var _componentize2 = _interopRequireDefault(require("./componentize"));
-
 var _serialization = require("./serialization");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var buildLayoutFromMarkup = function buildLayoutFromMarkup(markup, type) {
   var _componentize = (0, _componentize2["default"])(markup, type),
-      processed = _componentize.markup;
-
+    processed = _componentize.markup;
   var value = (0, _serialization.deserialize)(processed);
-  return value.document;
+  return value;
 };
-
 exports.buildLayoutFromMarkup = buildLayoutFromMarkup;
-
 var withMask = function withMask(type, renderChildren) {
   var _class;
-
   return _class = /*#__PURE__*/function (_React$Component) {
     (0, _inherits2["default"])(WithMask, _React$Component);
-
     var _super = _createSuper(WithMask);
-
     function WithMask() {
       (0, _classCallCheck2["default"])(this, WithMask);
       return _super.apply(this, arguments);
     }
-
     (0, _createClass2["default"])(WithMask, [{
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            markup = _this$props.markup,
-            layout = _this$props.layout,
-            value = _this$props.value,
-            onChange = _this$props.onChange;
+          markup = _this$props.markup,
+          layout = _this$props.layout,
+          value = _this$props.value,
+          onChange = _this$props.onChange;
         var maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);
         return /*#__PURE__*/_react["default"].createElement(_mask["default"], {
           layout: maskLayout,
@@ -79,7 +57,6 @@ var withMask = function withMask(type, renderChildren) {
      * At the start we'll probably work with markup
      */
     markup: _propTypes["default"].string,
-
     /**
      * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.
      */
@@ -88,6 +65,5 @@ var withMask = function withMask(type, renderChildren) {
     onChange: _propTypes["default"].func
   }), _class;
 };
-
 exports.withMask = withMask;
 //# sourceMappingURL=with-mask.js.map

package/lib/with-mask.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-mask.jsx"],"names":["buildLayoutFromMarkup","markup","type","processed","value","document","withMask","renderChildren","props","layout","onChange","maskLayout","React","Component","PropTypes","string","object","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,MAAD,EAASC,IAAT,EAAkB;AACrD,sBAA8B,+BAAaD,MAAb,EAAqBC,IAArB,CAA9B;AAAA,MAAgBC,SAAhB,iBAAQF,MAAR;;AACA,MAAMG,KAAK,GAAG,gCAAYD,SAAZ,CAAd;AACA,SAAOC,KAAK,CAACC,QAAb;AACD,CAJM;;;;AAMA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACJ,IAAD,EAAOK,cAAP,EAA0B;AAAA;;AAChD;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,aAcE,kBAAS;AACP,0BAA4C,KAAKC,KAAjD;AAAA,YAAQP,MAAR,eAAQA,MAAR;AAAA,YAAgBQ,MAAhB,eAAgBA,MAAhB;AAAA,YAAwBL,KAAxB,eAAwBA,KAAxB;AAAA,YAA+BM,QAA/B,eAA+BA,QAA/B;AAEA,YAAMC,UAAU,GAAGF,MAAM,GAAGA,MAAH,GAAYT,qBAAqB,CAACC,MAAD,EAASC,IAAT,CAA1D;AACA,4BAAO,gCAAC,gBAAD;AAAM,UAAA,MAAM,EAAES,UAAd;AAA0B,UAAA,KAAK,EAAEP,KAAjC;AAAwC,UAAA,QAAQ,EAAEM,QAAlD;AAA4D,UAAA,cAAc,EAAEH,cAAc,CAAC,KAAKC,KAAN;AAA1F,UAAP;AACD;AAnBH;AAAA;AAAA,IAA8BI,kBAAMC,SAApC,yDACqB;AACjB;AACN;AACA;AACMZ,IAAAA,MAAM,EAAEa,sBAAUC,MAJD;;AAKjB;AACN;AACA;AACMN,IAAAA,MAAM,EAAEK,sBAAUE,MARD;AASjBZ,IAAAA,KAAK,EAAEU,sBAAUE,MATA;AAUjBN,IAAAA,QAAQ,EAAEI,sBAAUG;AAVH,GADrB;AAqBD,CAtBM","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value.document;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func,\n    };\n\n    render() {\n      const { markup, layout, value, onChange } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return <Mask layout={maskLayout} value={value} onChange={onChange} renderChildren={renderChildren(this.props)} />;\n    }\n  };\n};\n"],"file":"with-mask.js"}
+{"version":3,"file":"with-mask.js","names":["_react","_interopRequireDefault","require","_propTypes","_mask","_componentize2","_serialization","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","buildLayoutFromMarkup","markup","type","_componentize","componentize","processed","value","deserialize","exports","withMask","renderChildren","_class","_React$Component","_inherits2","WithMask","_super","_classCallCheck2","_createClass2","key","render","_this$props","props","layout","onChange","maskLayout","createElement","React","Component","_defineProperty2","PropTypes","string","object","func"],"sources":["../src/with-mask.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Mask from './mask';\nimport componentize from './componentize';\nimport { deserialize } from './serialization';\n\nexport const buildLayoutFromMarkup = (markup, type) => {\n  const { markup: processed } = componentize(markup, type);\n  const value = deserialize(processed);\n  return value;\n};\n\nexport const withMask = (type, renderChildren) => {\n  return class WithMask extends React.Component {\n    static propTypes = {\n      /**\n       * At the start we'll probably work with markup\n       */\n      markup: PropTypes.string,\n      /**\n       * Once we start authoring, it may make sense for use to us layout, which will be a simple js object that maps to `slate.Value`.\n       */\n      layout: PropTypes.object,\n      value: PropTypes.object,\n      onChange: PropTypes.func,\n    };\n\n    render() {\n      const { markup, layout, value, onChange } = this.props;\n\n      const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);\n      return <Mask layout={maskLayout} value={value} onChange={onChange} renderChildren={renderChildren(this.props)} />;\n    }\n  };\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "1.13.34-next.0+0d6a88e7",
+  "version": "2.0.0-beta.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -9,23 +9,24 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.3",
-    "@pie-lib/drag": "^2.2.3-next.0+0d6a88e7",
+    "@pie-lib/drag": "^2.2.1",
     "@pie-lib/math-rendering": "^2.5.17",
-    "@pie-lib/render-ui": "^4.14.30-next.0+0d6a88e7",
+    "@pie-lib/render-ui": "^4.14.28",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
+    "escape-html": "^1.0.3",
     "immutable": ">=3.8.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.1",
     "react-dnd-html5-backend": "^14.0.2",
-    "slate": "^0.36.2",
-    "slate-html-serializer": "^0.6.12",
-    "slate-prop-types": "^0.4.38",
-    "slate-react": "^0.14.3",
+    "slate": "^0.94.1",
+    "slate-html-serializer": "^0.8.13",
+    "slate-hyperscript": "^0.77.0",
+    "slate-prop-types": "^0.5.44",
+    "slate-react": "^0.97.2",
     "to-style": "^1.3.3"
   },
   "keywords": [],
   "author": "",
-  "license": "ISC",
-  "gitHead": "0d6a88e73b9db47c4fe07377d5e8dfb8d9dd06a1"
+  "license": "ISC"
 }