@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

package/configure/node_modules/@pie-lib/editable-html/lib/serialization.js

@@ -0,0 +1,405 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valueToHtml = exports.htmlToValue = exports.TEXT_RULE = exports.reactAttributes = exports.parseStyleString = exports.BLOCK_TAGS = void 0;
+
+var _slateHtmlSerializer = _interopRequireDefault(require("slate-html-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");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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',
+  code: 'code',
+  strong: 'bold'
+};
+
+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
+  });
+};
+
+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 {
+      object: 'block',
+      type: block,
+
+      /**
+       * Here for rendering styles for all block elements
+       */
+      data: {
+        attributes: attributes.reduce(attributesToMap(el), {})
+      },
+      nodes: next(el.childNodes)
+    };
+  },
+  serialize: function serialize(object, children) {
+    if (object.object !== 'block') return;
+    var jsonData = object.data.toJSON();
+    log('[blocks:serialize] object: ', object, children);
+    var key;
+
+    for (key in BLOCK_TAGS) {
+      if (BLOCK_TAGS[key] === object.type) {
+        var Tag = key;
+        return _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 {
+      object: 'mark',
+      type: mark,
+      nodes: next(el.childNodes)
+    };
+  },
+  serialize: function serialize(object, children) {
+    if (_slate.Mark.isMark(object)) {
+      for (var key in MARK_TAGS) {
+        if (MARK_TAGS[key] === object.type) {
+          var Tag = key;
+          return _react["default"].createElement(Tag, null, children);
+        }
+      }
+    }
+  }
+};
+
+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 {
+        object: 'text',
+        leaves: [{
+          object: 'leaf',
+          text: '\n'
+        }]
+      };
+    }
+
+    if (el.nodeName === '#text') {
+      if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;
+      log('[text:deserialize] return text object..');
+      return {
+        object: 'text',
+        leaves: [{
+          object: 'leaf',
+          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(_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 _slateHtmlSerializer["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;
+};
+/**
+ * This is needed in order to override the function that eventually leads
+ * to the max iteration of 12, which in most cases it's not enough. The newer versions
+ * have a different way to calculate this, but updating to a newer version of slate
+ * requires a lot of work fixing other issues. So we just increase the rules by 1000,
+ * which means a lot of iterations.
+ * Below is the code that calculates the max iterations.
+ * var max = schema.stack.plugins.length + schema.rules.length + 1;
+ */
+
+
+serializer.deserialize = function deserialize(html) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$toJSON = options.toJSON;
+  var toJSON = _options$toJSON === undefined ? false : _options$toJSON;
+  var defaultBlock = this.defaultBlock;
+  var parseHtml = this.parseHtml;
+  var fragment = parseHtml(html);
+  var children = Array.from(fragment.childNodes);
+  var nodes = this.deserializeElements(children); // COMPAT: ensure that all top-level inline nodes are wrapped into a block.
+
+  nodes = nodes.reduce(function (memo, node, i, original) {
+    if (node.object === 'block') {
+      memo.push(node);
+      return memo;
+    }
+
+    if (i > 0 && original[i - 1].object !== 'block') {
+      var _block = memo[memo.length - 1];
+
+      _block.nodes.push(node);
+
+      return memo;
+    }
+
+    var block = _extends({
+      object: 'block',
+      data: {},
+      isVoid: false
+    }, defaultBlock, {
+      nodes: [node]
+    });
+
+    memo.push(block);
+    return memo;
+  }, []);
+
+  if (nodes.length === 0) {
+    nodes = [_extends({
+      object: 'block',
+      data: {},
+      isVoid: false
+    }, defaultBlock, {
+      nodes: [{
+        object: 'text',
+        leaves: [{
+          object: 'leaf',
+          text: '',
+          marks: []
+        }]
+      }]
+    })];
+  }
+
+  var json = {
+    object: 'value',
+    document: {
+      object: 'document',
+      data: {},
+      nodes: nodes
+    },
+    schema: {
+      rules: []
+    }
+  };
+  var i;
+
+  for (i = 0; i < 1000; i++) {
+    json.schema.rules.push({
+      match: {
+        object: 'document'
+      },
+      nodes: [{
+        match: {
+          object: 'block'
+        }
+      }]
+    });
+  }
+
+  var ret = toJSON ? json : _slate.Value.fromJSON(json);
+
+  if (ret) {
+    return ret;
+  }
+
+  return null;
+};
+
+var htmlToValue = function htmlToValue(html) {
+  return serializer.deserialize(html);
+};
+
+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=serialization.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/serialization.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/serialization.jsx"],"names":["log","BLOCK_TAGS","div","span","p","blockquote","pre","h1","h2","h3","h4","h5","h6","MARK_TAGS","b","em","u","s","code","strong","parseStyleString","regex","match","result","exec","trim","reactAttributes","o","camelize","attributesToMap","el","acc","attribute","value","getAttribute","styleString","reactStyleObject","attributes","blocks","deserialize","next","block","tagName","toLowerCase","childNodes","length","cn","object","type","data","reduce","nodes","serialize","children","jsonData","toJSON","key","Tag","marks","mark","Mark","isMark","findPreviousText","nodeName","previousSibling","TEXT_RULE","normalize","leaves","text","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","Html","defaultBlock","rules","_extends","Object","assign","target","arguments","source","prototype","hasOwnProperty","call","options","undefined","_options$toJSON","fragment","Array","from","deserializeElements","memo","original","_block","isVoid","json","schema","ret","Value","fromJSON","htmlToValue","valueToHtml"],"mappings":"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","sourcesContent":["import Html from 'slate-html-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, Value } from 'slate';\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\nconst MARK_TAGS = {\n  b: 'bold',\n  em: 'italic',\n  u: 'underline',\n  s: '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 reactAttributes = o => toStyleObject(o, { camelize: true });\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 {\n      object: 'block',\n      type: block,\n      /**\n       * Here for rendering styles for all block elements\n       */\n      data: { attributes: attributes.reduce(attributesToMap(el), {}) },\n      nodes: next(el.childNodes)\n    };\n  },\n  serialize: (object, children) => {\n    if (object.object !== 'block') return;\n\n    const jsonData = object.data.toJSON();\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) return;\n    log('[deserialize] mark: ', mark);\n    return {\n      object: 'mark',\n      type: mark,\n      nodes: next(el.childNodes)\n    };\n  },\n  serialize(object, children) {\n    if (Mark.isMark(object)) {\n      for (var key in MARK_TAGS) {\n        if (MARK_TAGS[key] === object.type) {\n          const Tag = key;\n          return <Tag>{children}</Tag>;\n        }\n      }\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 {\n        object: 'text',\n        leaves: [\n          {\n            object: 'leaf',\n            text: '\\n'\n          }\n        ]\n      };\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 {\n        object: 'text',\n        leaves: [\n          {\n            object: 'leaf',\n            text: el.nodeValue\n          }\n        ]\n      };\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  var textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);\n  var 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 Html({\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\n/**\n * This is needed in order to override the function that eventually leads\n * to the max iteration of 12, which in most cases it's not enough. The newer versions\n * have a different way to calculate this, but updating to a newer version of slate\n * requires a lot of work fixing other issues. So we just increase the rules by 1000,\n * which means a lot of iterations.\n * Below is the code that calculates the max iterations.\n * var max = schema.stack.plugins.length + schema.rules.length + 1;\n */\nserializer.deserialize = function deserialize(html) {\n  const options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  const _options$toJSON = options.toJSON;\n  const toJSON = _options$toJSON === undefined ? false : _options$toJSON;\n  const defaultBlock = this.defaultBlock;\n  const parseHtml = this.parseHtml;\n\n  const fragment = parseHtml(html);\n  const children = Array.from(fragment.childNodes);\n  let nodes = this.deserializeElements(children);\n\n  // COMPAT: ensure that all top-level inline nodes are wrapped into a block.\n  nodes = nodes.reduce(function(memo, node, i, original) {\n    if (node.object === 'block') {\n      memo.push(node);\n      return memo;\n    }\n\n    if (i > 0 && original[i - 1].object !== 'block') {\n      const _block = memo[memo.length - 1];\n\n      _block.nodes.push(node);\n      return memo;\n    }\n\n    const block = _extends({ object: 'block', data: {}, isVoid: false }, defaultBlock, {\n      nodes: [node]\n    });\n\n    memo.push(block);\n    return memo;\n  }, []);\n\n  if (nodes.length === 0) {\n    nodes = [\n      _extends({ object: 'block', data: {}, isVoid: false }, defaultBlock, {\n        nodes: [{ object: 'text', leaves: [{ object: 'leaf', text: '', marks: [] }] }]\n      })\n    ];\n  }\n\n  const json = {\n    object: 'value',\n    document: {\n      object: 'document',\n      data: {},\n      nodes: nodes\n    },\n    schema: {\n      rules: []\n    }\n  };\n\n  let i;\n\n  for (i = 0; i < 1000; i++) {\n    json.schema.rules.push({\n      match: { object: 'document' },\n      nodes: [{ match: { object: 'block' } }]\n    });\n  }\n\n  const ret = toJSON ? json : Value.fromJSON(json);\n\n  if (ret) {\n    return ret;\n  }\n\n  return null;\n};\n\nexport const htmlToValue = html => serializer.deserialize(html);\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"],"file":"serialization.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/theme.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.primary = void 0;
+var primary = '#304ffe';
+exports.primary = primary;
+//# sourceMappingURL=theme.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme.js"],"names":["primary"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAG,SAAhB","sourcesContent":["export const primary = '#304ffe';\n"],"file":"theme.js"}

package/configure/node_modules/@pie-lib/editable-html/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@pie-lib/editable-html",
+  "version": "7.17.3",
+  "description": "",
+  "license": "ISC",
+  "main": "lib/index.js",
+  "module": "src/index.jsx",
+  "author": "pie-framework developers",
+  "dependencies": {
+    "@material-ui/core": "^3.8.3",
+    "@material-ui/icons": "^3.0.2",
+    "@material-ui/styles": "^3.0.0-alpha.10",
+    "@pie-lib/drag": "^1.1.52",
+    "@pie-lib/math-rendering": "^2.3.9",
+    "@pie-lib/math-toolbar": "^1.8.0",
+    "@pie-lib/render-ui": "^4.12.0",
+    "change-case": "^3.0.2",
+    "classnames": "^2.2.6",
+    "debug": "^4.1.1",
+    "immutable": "^4.0.0-rc.12",
+    "keycode": "^2.2.0",
+    "lodash": "^4.17.11",
+    "prop-types": "^15.6.2",
+    "react-attr-converter": "^0.3.1",
+    "react-jss": "^8.6.1",
+    "react-portal": "^4.2.0",
+    "slate": "^0.36.2",
+    "slate-dev-environment": "^0.2.0",
+    "slate-edit-list": "^0.11.3",
+    "slate-edit-table": "^0.17.0",
+    "slate-html-serializer": "^0.6.12",
+    "slate-prop-types": "^0.4.38",
+    "slate-react": "^0.14.3",
+    "slate-schema-violations": "^0.1.39",
+    "slate-soft-break": "^0.8.1",
+    "to-style": "^1.3.3"
+  },
+  "devDependencies": {
+    "@pie-framework/mathquill": "^1.1.2",
+    "react": "^16.8.1",
+    "react-dom": "^16.9.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "de37d3ba44d3e7934e2f804381fe50d2da16a29a",
+  "scripts": {}
+}

package/configure/node_modules/@pie-lib/editable-html/playground/image/data.js

@@ -0,0 +1,59 @@
+module.exports = {
+  document: {
+    nodes: [
+      {
+        object: 'block',
+        type: 'div',
+        nodes: [
+          {
+            object: 'block',
+            type: 'paragraph',
+            nodes: [
+              {
+                object: 'text',
+                leaves: [
+                  {
+                    text: 'foo'
+                  }
+                ]
+              },
+
+              {
+                object: 'inline',
+                type: 'image',
+                isVoid: true,
+                data: {
+                  src:
+                    'https://img.washingtonpost.com/wp-apps/imrs.php?src=https://img.washingtonpost.com/news/speaking-of-science/wp-content/uploads/sites/36/2015/10/as12-49-7278-1024x1024.jpg&w=1484'
+                }
+              },
+
+              {
+                object: 'text',
+                leaves: [
+                  {
+                    text: 'bar'
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        object: 'block',
+        type: 'paragraph',
+        nodes: [
+          {
+            object: 'text',
+            leaves: [
+              {
+                text: 'text'
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+};

package/configure/node_modules/@pie-lib/editable-html/playground/image/index.html

@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+
+<head>
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom-server.browser.production.min.js"></script>
+  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+  <style>
+    body,
+    span,
+    div,
+    p {
+      font-family: 'Roboto', sans-serif;
+    }
+  </style>
+  <script src="bundle.js" type="text/javascript"></script>
+</head>
+
+<body>
+  <div id="app"></div>
+</body>
+
+</html>

package/configure/node_modules/@pie-lib/editable-html/playground/image/index.jsx

@@ -0,0 +1,83 @@
+import imageData from './data';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Editor } from 'slate-react';
+import { Range, Block, Value } from 'slate';
+import EditableEditor from '../../src/backup-editor';
+class Img extends React.Component {
+  render() {
+    const { data } = this.props.node;
+    const src = data.get('src');
+    return <img src={src} width={100} />;
+  }
+}
+
+const ImgPlugin = () => {
+  return {
+    renderNode: props => {
+      if (props.node.type === 'image') {
+        return <Img {...props} />;
+      }
+    },
+    onKeyDown(event, change, editor) {
+      const { startKey } = change.value.selection;
+      const n = change.value.document.getDescendant(startKey);
+      const p = change.value.document.getParent(n.key);
+
+      if (p.type === 'image') {
+        const block = Block.fromJSON({ type: 'div' });
+        const range = Range.fromJSON({
+          anchorKey: block.key,
+          anchorOffset: 0,
+          focusKey: block.key,
+          focusOffset: 0,
+          isFocused: true,
+          isBackward: false
+        });
+        change.insertBlockAtRange(change.value.selection, block).select(range);
+      }
+    }
+  };
+};
+
+export default ImgPlugin;
+
+class ImageDemo extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: Value.fromJSON(imageData)
+    };
+
+    this.plugins = [ImgPlugin()];
+  }
+
+  render() {
+    const { value } = this.state;
+    return (
+      <div>
+        ImageDemo
+        <hr />
+        This demo tests adding text between images. click on the image and type
+        some text...
+        <hr />
+        <Editor
+          value={value}
+          onChange={change => this.setState({ value: change.value })}
+          plugins={this.plugins}
+        />
+        <EditableEditor
+          value={value}
+          onChange={change => this.setState({ value: change.value })}
+          plugins={this.plugins}
+        />
+      </div>
+    );
+  }
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  const el = React.createElement(ImageDemo, {});
+  ReactDOM.render(el, document.querySelector('#app'));
+});