@pie-lib/editable-html 10.0.0-beta.7 → 10.0.0

package/lib/components.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Toolbar = exports.Portal = exports.Menu = exports.Instruction = exports.Icon = exports.EditorValue = exports.Button = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _css = require("@emotion/css");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var _excluded = ["className", "active", "reversed"],
-  _excluded2 = ["className", "value"],
-  _excluded3 = ["className"],
-  _excluded4 = ["className"],
-  _excluded5 = ["className"],
-  _excluded6 = ["className"];
-var Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    active = _ref.active,
-    reversed = _ref.reversed,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, props, {
-    ref: ref,
-    className: (0, _css.cx)(className, (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        cursor: pointer;\n\n        color: ", ";\n      "])), reversed ? active ? 'white' : '#aaa' : active ? 'black' : '#ccc'))
-  }));
-});
-exports.Button = Button;
-var EditorValue = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    value = _ref2.value,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  var textLines = value.document.nodes.map(function (node) {
-    return node.text;
-  }).toArray().join('\n');
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    ref: ref
-  }, props, {
-    className: (0, _css.cx)(className, (0, _css.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n          margin: 30px -20px 0;\n        "]))))
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _css.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          font-size: 14px;\n          padding: 5px 20px;\n          color: #404040;\n          border-top: 2px solid #eeeeee;\n          background: #f8f8f8;\n        "])))
-  }, "Slates value as text"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _css.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n          color: #404040;\n          font: 12px monospace;\n          white-space: pre-wrap;\n          padding: 10px 20px;\n\n          div {\n            margin: 0 0 0.5em;\n          }\n        "])))
-  }, textLines));
-});
-exports.EditorValue = EditorValue;
-var Icon = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
-  var className = _ref3.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
-  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, props, {
-    ref: ref,
-    className: (0, _css.cx)('material-icons', className, (0, _css.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n        font-size: 18px;\n        vertical-align: text-bottom;\n      "]))))
-  }));
-});
-exports.Icon = Icon;
-var Instruction = /*#__PURE__*/_react["default"].forwardRef(function (_ref4, ref) {
-  var className = _ref4.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, props, {
-    ref: ref,
-    className: (0, _css.cx)(className, (0, _css.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n        white-space: pre-wrap;\n        margin: 0 -20px 10px;\n        padding: 10px 20px;\n        font-size: 14px;\n        background: #f8f8e8;\n      "]))))
-  }));
-});
-exports.Instruction = Instruction;
-var Menu = /*#__PURE__*/_react["default"].forwardRef(function (_ref5, ref) {
-  var className = _ref5.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, props, {
-    ref: ref,
-    className: (0, _css.cx)(className, (0, _css.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n        & > * {\n          display: inline-block;\n        }\n\n        & > * + * {\n          margin-left: 15px;\n        }\n      "]))))
-  }));
-});
-exports.Menu = Menu;
-var Portal = function Portal(_ref6) {
-  var children = _ref6.children;
-  return (typeof document === "undefined" ? "undefined" : (0, _typeof2["default"])(document)) === 'object' ? /*#__PURE__*/_reactDom["default"].createPortal(children, document.body) : null;
-};
-exports.Portal = Portal;
-var Toolbar = /*#__PURE__*/_react["default"].forwardRef(function (_ref7, ref) {
-  var className = _ref7.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref7, _excluded6);
-  return /*#__PURE__*/_react["default"].createElement(Menu, (0, _extends2["default"])({}, props, {
-    ref: ref,
-    className: (0, _css.cx)(className, (0, _css.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n        position: relative;\n        padding: 1px 18px 17px;\n        margin: 0 -20px;\n        border-bottom: 2px solid #eee;\n        margin-bottom: 20px;\n      "]))))
-  }));
-});
-exports.Toolbar = Toolbar;
-//# sourceMappingURL=components.js.map

package/lib/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","names":["_react","_interopRequireDefault","require","_reactDom","_css","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","Button","React","forwardRef","_ref","ref","className","active","reversed","props","_objectWithoutProperties2","createElement","_extends2","cx","css","_taggedTemplateLiteral2","exports","EditorValue","_ref2","value","textLines","document","nodes","map","node","text","toArray","join","Icon","_ref3","Instruction","_ref4","Menu","_ref5","Portal","_ref6","children","_typeof2","ReactDOM","createPortal","body","Toolbar","_ref7"],"sources":["../src/components.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { cx, css } from '@emotion/css';\n\nexport const Button = React.forwardRef(({ className, active, reversed, ...props }, ref) => (\n  <span\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        cursor: pointer;\n\n        color: ${reversed ? (active ? 'white' : '#aaa') : active ? 'black' : '#ccc'};\n      `\n    )}\n  />\n));\n\nexport const EditorValue = React.forwardRef(({ className, value, ...props }, ref) => {\n  const textLines = value.document.nodes\n    .map(node => node.text)\n    .toArray()\n    .join('\\n');\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cx(\n        className,\n        css`\n          margin: 30px -20px 0;\n        `\n      )}\n    >\n      <div\n        className={css`\n          font-size: 14px;\n          padding: 5px 20px;\n          color: #404040;\n          border-top: 2px solid #eeeeee;\n          background: #f8f8f8;\n        `}\n      >\n        Slates value as text\n      </div>\n      <div\n        className={css`\n          color: #404040;\n          font: 12px monospace;\n          white-space: pre-wrap;\n          padding: 10px 20px;\n\n          div {\n            margin: 0 0 0.5em;\n          }\n        `}\n      >\n        {textLines}\n      </div>\n    </div>\n  );\n});\n\nexport const Icon = React.forwardRef(({ className, ...props }, ref) => (\n  <span\n    {...props}\n    ref={ref}\n    className={cx(\n      'material-icons',\n      className,\n      css`\n        font-size: 18px;\n        vertical-align: text-bottom;\n      `\n    )}\n  />\n));\n\nexport const Instruction = React.forwardRef(({ className, ...props }, ref) => (\n  <div\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        white-space: pre-wrap;\n        margin: 0 -20px 10px;\n        padding: 10px 20px;\n        font-size: 14px;\n        background: #f8f8e8;\n      `\n    )}\n  />\n));\n\nexport const Menu = React.forwardRef(({ className, ...props }, ref) => (\n  <div\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        & > * {\n          display: inline-block;\n        }\n\n        & > * + * {\n          margin-left: 15px;\n        }\n      `\n    )}\n  />\n));\n\nexport const Portal = ({ children }) => {\n  return typeof document === 'object' ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(({ className, ...props }, ref) => (\n  <Menu\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        position: relative;\n        padding: 1px 18px 17px;\n        margin: 0 -20px;\n        border-bottom: 2px solid #eee;\n        margin-bottom: 20px;\n      `\n    )}\n  />\n));\n"],"mappings":"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"}

package/lib/new-serialization.js

@@ -1,280 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.valueToHtml = exports.reactAttributes = exports.parseStyleString = exports.htmlToValue = exports.getBase64 = exports.TEXT_RULE = exports.MARK_TAGS = exports.BLOCK_TAGS = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _testSerializer = _interopRequireDefault(require("./test-serializer"));
-var _react = _interopRequireDefault(require("react"));
-var _debug = _interopRequireDefault(require("debug"));
-var _toStyle = require("to-style");
-var _image = require("./plugins/image");
-var _math = require("./plugins/math");
-var _media = require("./plugins/media");
-var _list = require("./plugins/list");
-var _table = require("./plugins/table");
-var _respArea = require("./plugins/respArea");
-var _slate = require("slate");
-var _slateHyperscript = require("slate-hyperscript");
-var _escapeHtml = _interopRequireDefault(require("escape-html"));
-var log = (0, _debug["default"])('@pie-lib:editable-html:serialization');
-
-/**
- * Tags to blocks.
- *
- * @type {Object}
- */
-
-var BLOCK_TAGS = {
-  div: 'div',
-  span: 'span',
-  p: 'paragraph',
-  blockquote: 'quote',
-  pre: 'code',
-  h1: 'heading-one',
-  h2: 'heading-two',
-  h3: 'heading-three',
-  h4: 'heading-four',
-  h5: 'heading-five',
-  h6: 'heading-six'
-};
-
-/**
- * Tags to marks.
- *
- * @type {Object}
- */
-exports.BLOCK_TAGS = BLOCK_TAGS;
-var MARK_TAGS = {
-  b: 'bold',
-  em: 'italic',
-  u: 'underline',
-  s: 'strikethrough',
-  del: 'strikethrough',
-  code: 'code',
-  strong: 'bold'
-};
-exports.MARK_TAGS = MARK_TAGS;
-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 getBase64 = function getBase64(file) {
-  return new Promise(function (resolve, reject) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = function () {
-      return resolve(reader.result);
-    };
-    reader.onerror = function (error) {
-      return reject(error);
-    };
-  });
-};
-exports.getBase64 = getBase64;
-var reactAttributes = function reactAttributes(o) {
-  return (0, _toStyle.object)(o, {
-    camelize: true,
-    addUnits: false
-  });
-};
-exports.reactAttributes = reactAttributes;
-var attributesToMap = function attributesToMap(el) {
-  return function (acc, attribute) {
-    var value = el.getAttribute(attribute);
-    if (value) {
-      if (attribute === 'style') {
-        var styleString = el.getAttribute(attribute);
-        var reactStyleObject = reactAttributes(parseStyleString(styleString));
-        acc['style'] = reactStyleObject;
-      } else {
-        acc[attribute] = el.getAttribute(attribute);
-      }
-    }
-    return acc;
-  };
-};
-var attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];
-
-/**
- * Serializer rules.
- *
- * @type {Array}
- */
-
-var blocks = {
-  deserialize: function deserialize(el, next) {
-    log('[blocks:deserialize] block: ', el);
-    var block = BLOCK_TAGS[el.tagName.toLowerCase()];
-    if (!block) return;
-    log('[blocks:deserialize] block: ', block);
-    if (el.childNodes.length === 1) {
-      var cn = el.childNodes[0];
-      if (cn && cn.tagName && cn.tagName.toLowerCase() === block) {
-        log('[we have a child node of the same]...');
-        return;
-      }
-    }
-    return (0, _slateHyperscript.jsx)('element', {
-      type: block,
-      /**
-       * Here for rendering styles for all block elements
-       */
-      data: {
-        attributes: attributes.reduce(attributesToMap(el), {})
-      }
-    }, next(el.childNodes));
-  },
-  serialize: function serialize(object, children) {
-    if (object.object !== 'block') return;
-    var jsonData = object.data;
-    log('[blocks:serialize] object: ', object, children);
-    var key;
-    for (key in BLOCK_TAGS) {
-      if (BLOCK_TAGS[key] === object.type) {
-        var Tag = key;
-        return /*#__PURE__*/_react["default"].createElement(Tag, jsonData.attributes, children);
-      }
-    }
-  }
-};
-var marks = {
-  deserialize: function deserialize(el, next) {
-    var mark = MARK_TAGS[el.tagName.toLowerCase()];
-    if (!mark) {
-      return;
-    }
-    log('[deserialize] mark: ', mark);
-    return (0, _slateHyperscript.jsx)('text', (0, _defineProperty2["default"])({}, mark, true), next(el.childNodes));
-  },
-  serialize: function serialize(object) {
-    if (_slate.Text.isText(object)) {
-      var string = (0, _escapeHtml["default"])(object.text);
-      if (object.bold) {
-        string = /*#__PURE__*/_react["default"].createElement("strong", null, string);
-      }
-      if (object.code) {
-        string = /*#__PURE__*/_react["default"].createElement("code", null, string);
-      }
-      if (object.italic) {
-        string = /*#__PURE__*/_react["default"].createElement("em", null, string);
-      }
-      if (object.underline) {
-        string = /*#__PURE__*/_react["default"].createElement("u", null, string);
-      }
-      if (object.strikethrough) {
-        string = /*#__PURE__*/_react["default"].createElement("del", null, string);
-      }
-      return string;
-    }
-  }
-};
-var findPreviousText = function findPreviousText(el) {
-  if (el.nodeName === '#text') {
-    return el;
-  }
-  if (el.previousSibling) {
-    return findPreviousText(el.previousSibling);
-  }
-  return null;
-};
-var TEXT_RULE = {
-  deserialize: function deserialize(el) {
-    /**
-     * This needs to be called on the dom element in order to merge the adjacent text nodes together
-     * */
-    el.normalize();
-    if (el.tagName && el.tagName.toLowerCase() === 'br') {
-      return (0, _slateHyperscript.jsx)('text', {});
-    }
-    if (el.nodeName === '#text') {
-      if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;
-      log('[text:deserialize] return text object..');
-      return (0, _slateHyperscript.jsx)('text', {}, el.nodeValue);
-    }
-  },
-  serialize: function serialize(obj, children) {
-    if (obj.object === 'string') {
-      return children.split('\n').reduce(function (array, text, i) {
-        if (i !== 0) array.push( /*#__PURE__*/_react["default"].createElement("br", null));
-        array.push(text);
-        return array;
-      }, []);
-    }
-  }
-};
-exports.TEXT_RULE = TEXT_RULE;
-var RULES = [_list.serialization, _math.serialization, _media.serialization, _image.serialization, _table.serialization, _respArea.serialization, TEXT_RULE, blocks, marks];
-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;
-}
-
-/** If this lib is used on the server side, we need to bypass using the DOMParser - just put in a stub. */
-var parseHtml = typeof window === 'undefined' ? function () {
-  return {
-    childNodes: []
-  };
-} : defaultParseHtml;
-var serializer = new _testSerializer["default"]({
-  defaultBlock: 'div',
-  rules: RULES,
-  parseHtml: parseHtml
-});
-var _extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
-    }
-  }
-  return target;
-};
-var htmlToValue = function htmlToValue(html) {
-  try {
-    return serializer.deserialize(html);
-  } catch (e) {
-    console.log("Couldn't parse html: ", e);
-    return {};
-  }
-};
-exports.htmlToValue = htmlToValue;
-var valueToHtml = function valueToHtml(value) {
-  return serializer.serialize(value);
-};
-
-/**
- *
- * <div><div>a</div></div> -> <div>a</div>
- *
- * <div><div>a</div><div>b</div></div> -> <div>a</div><div>b</div>
- * <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>
- */
-exports.valueToHtml = valueToHtml;
-//# sourceMappingURL=new-serialization.js.map

package/lib/new-serialization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"new-serialization.js","names":["_testSerializer","_interopRequireDefault","require","_react","_debug","_toStyle","_image","_math","_media","_list","_table","_respArea","_slate","_slateHyperscript","_escapeHtml","log","debug","BLOCK_TAGS","div","span","p","blockquote","pre","h1","h2","h3","h4","h5","h6","exports","MARK_TAGS","b","em","u","s","del","code","strong","parseStyleString","regex","match","result","exec","trim","getBase64","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","onload","onerror","error","reactAttributes","o","toStyleObject","camelize","addUnits","attributesToMap","el","acc","attribute","value","getAttribute","styleString","reactStyleObject","attributes","blocks","deserialize","next","block","tagName","toLowerCase","childNodes","length","cn","jsx","type","data","reduce","serialize","object","children","jsonData","key","Tag","createElement","marks","mark","_defineProperty2","Text","isText","string","escapeHtml","text","bold","italic","underline","strikethrough","findPreviousText","nodeName","previousSibling","TEXT_RULE","normalize","nodeValue","obj","split","array","i","push","RULES","listSerialization","mathSerialization","mediaSerialization","imgSerialization","tableSerialization","responseAreaSerialization","allWhitespace","node","test","textContent","defaultParseHtml","html","DOMParser","Error","parsed","parseFromString","body","textNodes","document","createTreeWalker","NodeFilter","SHOW_TEXT","n","nextNode","parentNode","removeChild","parseHtml","window","serializer","TestSerializer","defaultBlock","rules","_extends","Object","assign","target","arguments","source","prototype","hasOwnProperty","call","htmlToValue","e","console","valueToHtml"],"sources":["../src/new-serialization.jsx"],"sourcesContent":["import TestSerializer from './test-serializer';\nimport React from 'react';\nimport debug from 'debug';\nimport { object as toStyleObject } from 'to-style';\n\nimport { serialization as imgSerialization } from './plugins/image';\nimport { serialization as mathSerialization } from './plugins/math';\nimport { serialization as mediaSerialization } from './plugins/media';\nimport { serialization as listSerialization } from './plugins/list';\nimport { serialization as tableSerialization } from './plugins/table';\nimport { serialization as responseAreaSerialization } from './plugins/respArea';\nimport { Mark, Text, Value } from \"slate\";\nimport { jsx } from \"slate-hyperscript\";\nimport escapeHtml from \"escape-html\";\n\nconst log = debug('@pie-lib:editable-html:serialization');\n\n/**\n * Tags to blocks.\n *\n * @type {Object}\n */\n\nexport const BLOCK_TAGS = {\n  div: 'div',\n  span: 'span',\n  p: 'paragraph',\n  blockquote: 'quote',\n  pre: 'code',\n  h1: 'heading-one',\n  h2: 'heading-two',\n  h3: 'heading-three',\n  h4: 'heading-four',\n  h5: 'heading-five',\n  h6: 'heading-six'\n};\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  del: 'strikethrough',\n  code: 'code',\n  strong: 'bold'\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 getBase64 = file => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result);\n    reader.onerror = error => reject(error);\n  });\n};\n\nexport const reactAttributes = o => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst attributesToMap = el => (acc, attribute) => {\n  const value = el.getAttribute(attribute);\n  if (value) {\n    if (attribute === 'style') {\n      const styleString = el.getAttribute(attribute);\n      const reactStyleObject = reactAttributes(parseStyleString(styleString));\n      acc['style'] = reactStyleObject;\n    } else {\n      acc[attribute] = el.getAttribute(attribute);\n    }\n  }\n  return acc;\n};\n\nconst attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];\n\n/**\n * Serializer rules.\n *\n * @type {Array}\n */\n\nconst blocks = {\n  deserialize(el, next) {\n    log('[blocks:deserialize] block: ', el);\n    const block = BLOCK_TAGS[el.tagName.toLowerCase()];\n    if (!block) return;\n    log('[blocks:deserialize] block: ', block);\n\n    if (el.childNodes.length === 1) {\n      const cn = el.childNodes[0];\n      if (cn && cn.tagName && cn.tagName.toLowerCase() === block) {\n        log('[we have a child node of the same]...');\n        return;\n      }\n    }\n\n    return jsx(\n      'element',\n      {\n        type: block,\n        /**\n         * Here for rendering styles for all block elements\n         */\n        data: { attributes: attributes.reduce(attributesToMap(el), {}) }\n      },\n      next(el.childNodes)\n    );\n  },\n  serialize: (object, children) => {\n    if (object.object !== 'block') return;\n\n    const jsonData = object.data;\n\n    log('[blocks:serialize] object: ', object, children);\n    let key;\n\n    for (key in BLOCK_TAGS) {\n      if (BLOCK_TAGS[key] === object.type) {\n        const Tag = key;\n\n        return <Tag {...jsonData.attributes}>{children}</Tag>;\n      }\n    }\n  }\n};\n\nconst marks = {\n  deserialize(el, next) {\n    const mark = MARK_TAGS[el.tagName.toLowerCase()];\n    if (!mark) {\n      return;\n    }\n    log('[deserialize] mark: ', mark);\n\n    return jsx('text', { [mark]: true }, next(el.childNodes));\n  },\n  serialize(object) {\n    if (Text.isText(object)) {\n      let string = escapeHtml(object.text);\n\n      if (object.bold) {\n        string = <strong>{string}</strong>;\n      }\n\n      if (object.code) {\n        string = <code>{string}</code>;\n      }\n\n      if (object.italic) {\n        string = <em>{string}</em>;\n      }\n\n      if (object.underline) {\n        string = <u>{string}</u>;\n      }\n\n      if (object.strikethrough) {\n        string = <del>{string}</del>;\n      }\n\n      return string;\n    }\n  }\n};\n\nconst findPreviousText = el => {\n  if (el.nodeName === '#text') {\n    return el;\n  }\n\n  if (el.previousSibling) {\n    return findPreviousText(el.previousSibling);\n  }\n\n  return null;\n};\n\nexport const TEXT_RULE = {\n  deserialize(el) {\n    /**\n     * This needs to be called on the dom element in order to merge the adjacent text nodes together\n     * */\n    el.normalize();\n\n    if (el.tagName && el.tagName.toLowerCase() === 'br') {\n      return jsx('text', {});\n    }\n\n    if (el.nodeName === '#text') {\n      if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;\n\n      log('[text:deserialize] return text object..');\n      return jsx('text', {}, el.nodeValue);\n    }\n  },\n\n  serialize(obj, children) {\n    if (obj.object === 'string') {\n      return children.split('\\n').reduce((array, text, i) => {\n        if (i !== 0) array.push(<br />);\n        array.push(text);\n        return array;\n      }, []);\n    }\n  }\n};\n\nconst RULES = [\n  listSerialization,\n  mathSerialization,\n  mediaSerialization,\n  imgSerialization,\n  tableSerialization,\n  responseAreaSerialization,\n  TEXT_RULE,\n  blocks,\n  marks\n];\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\n/** If this lib is used on the server side, we need to bypass using the DOMParser - just put in a stub. */\nconst parseHtml =\n  typeof window === 'undefined'\n    ? () => ({\n        childNodes: []\n      })\n    : defaultParseHtml;\n\nconst serializer = new TestSerializer({\n  defaultBlock: 'div',\n  rules: RULES,\n  parseHtml\n});\n\nconst _extends =\n  Object.assign ||\n  function(target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\nexport const htmlToValue = html => {\n  try {\n    return serializer.deserialize(html);\n  } catch (e) {\n    console.log(\"Couldn't parse html: \", e);\n    return {};\n  }\n};\n\nexport const valueToHtml = value => serializer.serialize(value);\n\n/**\n *\n * <div><div>a</div></div> -> <div>a</div>\n *\n * <div><div>a</div><div>b</div></div> -> <div>a</div><div>b</div>\n * <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>\n */\n"],"mappings":"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"}

package/lib/plugins/hotKeys/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = MarkHotkey;
-var _react = _interopRequireDefault(require("react"));
-var _slate = require("slate");
-var _debug = _interopRequireDefault(require("debug"));
-var log = (0, _debug["default"])('@pie-lib:editable-html:plugins');
-var isMarkActive = function isMarkActive(editor, format) {
-  var marks = _slate.Editor.marks(editor);
-  return marks ? marks[format] === true : false;
-};
-var toggleMark = function toggleMark(editor, format) {
-  var isActive = isMarkActive(editor, format);
-  if (isActive) {
-    _slate.Editor.removeMark(editor, format);
-  } else {
-    _slate.Editor.addMark(editor, format, true);
-  }
-};
-function MarkHotkey(options) {
-  var type = options.type,
-    key = options.key,
-    icon = options.icon,
-    tag = options.tag;
-
-  // Return our "plugin" object, containing the `onKeyDown` handler.
-  return {
-    toolbar: {
-      isMark: true,
-      type: type,
-      icon: icon,
-      onToggle: function onToggle(editor) {
-        log('[onToggleMark] type: ', type);
-        toggleMark(editor, type);
-      }
-    },
-    renderMark: function renderMark(props) {
-      if (props.mark.type === type) {
-        var K = tag || type;
-        return /*#__PURE__*/_react["default"].createElement(K, null, props.children);
-      }
-    },
-    onKeyDown: function onKeyDown(event, change) {
-      // Check that the key pressed matches our `key` option.
-      if (!event.metaKey || event.key !== key) return;
-
-      // Prevent the default characters from being inserted.
-      event.preventDefault();
-
-      // Toggle the mark `type`.
-      change.toggleMark(type);
-      return true;
-    }
-  };
-}
-//# sourceMappingURL=index.js.map

package/lib/plugins/hotKeys/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_slate","_debug","log","debug","isMarkActive","editor","format","marks","Editor","toggleMark","isActive","removeMark","addMark","MarkHotkey","options","type","key","icon","tag","toolbar","isMark","onToggle","renderMark","props","mark","K","createElement","children","onKeyDown","event","change","metaKey","preventDefault"],"sources":["../../../src/plugins/hotKeys/index.js"],"sourcesContent":["import React from 'react';\nimport { Editor } from 'slate';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:plugins');\n\nconst isMarkActive = (editor, format) => {\n  const marks = Editor.marks(editor);\n  return marks ? marks[format] === true : false;\n};\n\nconst toggleMark = (editor, format) => {\n  const isActive = isMarkActive(editor, format);\n\n  if (isActive) {\n    Editor.removeMark(editor, format);\n  } else {\n    Editor.addMark(editor, format, true);\n  }\n};\n\nexport default function MarkHotkey(options) {\n  const { type, key, icon, tag } = options;\n\n  // Return our \"plugin\" object, containing the `onKeyDown` handler.\n  return {\n    toolbar: {\n      isMark: true,\n      type,\n      icon,\n      onToggle: editor => {\n        log('[onToggleMark] type: ', type);\n        toggleMark(editor, type);\n      }\n    },\n    renderMark(props) {\n      if (props.mark.type === type) {\n        const K = tag || type;\n        return <K>{props.children}</K>;\n      }\n    },\n    onKeyDown(event, change) {\n      // Check that the key pressed matches our `key` option.\n      if (!event.metaKey || event.key !== key) return;\n\n      // Prevent the default characters from being inserted.\n      event.preventDefault();\n\n      // Toggle the mark `type`.\n      change.toggleMark(type);\n      return true;\n    }\n  };\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,GAAG,GAAG,IAAAC,iBAAK,EAAC,gCAAgC,CAAC;AAEnD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAM,EAAEC,MAAM,EAAK;EACvC,IAAMC,KAAK,GAAGC,aAAM,CAACD,KAAK,CAACF,MAAM,CAAC;EAClC,OAAOE,KAAK,GAAGA,KAAK,CAACD,MAAM,CAAC,KAAK,IAAI,GAAG,KAAK;AAC/C,CAAC;AAED,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIJ,MAAM,EAAEC,MAAM,EAAK;EACrC,IAAMI,QAAQ,GAAGN,YAAY,CAACC,MAAM,EAAEC,MAAM,CAAC;EAE7C,IAAII,QAAQ,EAAE;IACZF,aAAM,CAACG,UAAU,CAACN,MAAM,EAAEC,MAAM,CAAC;EACnC,CAAC,MAAM;IACLE,aAAM,CAACI,OAAO,CAACP,MAAM,EAAEC,MAAM,EAAE,IAAI,CAAC;EACtC;AACF,CAAC;AAEc,SAASO,UAAUA,CAACC,OAAO,EAAE;EAC1C,IAAQC,IAAI,GAAqBD,OAAO,CAAhCC,IAAI;IAAEC,GAAG,GAAgBF,OAAO,CAA1BE,GAAG;IAAEC,IAAI,GAAUH,OAAO,CAArBG,IAAI;IAAEC,GAAG,GAAKJ,OAAO,CAAfI,GAAG;;EAE5B;EACA,OAAO;IACLC,OAAO,EAAE;MACPC,MAAM,EAAE,IAAI;MACZL,IAAI,EAAJA,IAAI;MACJE,IAAI,EAAJA,IAAI;MACJI,QAAQ,EAAE,SAAAA,SAAAhB,MAAM,EAAI;QAClBH,GAAG,CAAC,uBAAuB,EAAEa,IAAI,CAAC;QAClCN,UAAU,CAACJ,MAAM,EAAEU,IAAI,CAAC;MAC1B;IACF,CAAC;IACDO,UAAU,WAAAA,WAACC,KAAK,EAAE;MAChB,IAAIA,KAAK,CAACC,IAAI,CAACT,IAAI,KAAKA,IAAI,EAAE;QAC5B,IAAMU,CAAC,GAAGP,GAAG,IAAIH,IAAI;QACrB,oBAAOlB,MAAA,YAAA6B,aAAA,CAACD,CAAC,QAAEF,KAAK,CAACI,QAAY,CAAC;MAChC;IACF,CAAC;IACDC,SAAS,WAAAA,UAACC,KAAK,EAAEC,MAAM,EAAE;MACvB;MACA,IAAI,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACb,GAAG,KAAKA,GAAG,EAAE;;MAEzC;MACAa,KAAK,CAACG,cAAc,CAAC,CAAC;;MAEtB;MACAF,MAAM,CAACrB,UAAU,CAACM,IAAI,CAAC;MACvB,OAAO,IAAI;IACb;EACF,CAAC;AACH"}

package/lib/test-serializer.js

@@ -1,138 +0,0 @@
-"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");
-var _newSerialization = require("./new-serialization");
-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 Html = /*#__PURE__*/(0, _createClass2["default"])(function Html(props) {
-  var _this = this;
-  (0, _classCallCheck2["default"])(this, Html);
-  (0, _defineProperty2["default"])(this, "serializeEls", function (node) {
-    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 || Object.keys(_newSerialization.MARK_TAGS).includes(body.firstChild.tagName.toLowerCase())) {
-      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 = props.parseHtml;
-  this.rules = props.rules;
-});
-var _default = Html;
-exports["default"] = _default;
-//# sourceMappingURL=test-serializer.js.map