@20minutes/draft-convert 3.0.0 → 3.0.1

package/lib/default/defaultInlineHTML.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = defaultInlineHTML;
+var _react = _interopRequireDefault(require("react"));
+function defaultInlineHTML(style) {
+  switch (style) {
+    case 'BOLD':
+      return /*#__PURE__*/_react["default"].createElement("strong", null);
+    case 'ITALIC':
+      return /*#__PURE__*/_react["default"].createElement("em", null);
+    case 'UNDERLINE':
+      return /*#__PURE__*/_react["default"].createElement("u", null);
+    case 'CODE':
+      return /*#__PURE__*/_react["default"].createElement("code", null);
+    default:
+      return {
+        start: '',
+        end: ''
+      };
+  }
+}

package/lib/encodeBlock.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _updateMutation = _interopRequireDefault(require("./util/updateMutation"));
+var _rangeSort = _interopRequireDefault(require("./util/rangeSort"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ENTITY_MAP = {
+  '&': '&amp;',
+  '<': '&lt;',
+  '>': '&gt;',
+  '"': '&quot;',
+  "'": '&#x27;',
+  '`': '&#x60;',
+  '\n': '<br/>'
+};
+var _default = exports["default"] = function _default(block) {
+  var blockText = (0, _toConsumableArray2["default"])(block.text);
+  var entities = block.entityRanges.sort(_rangeSort["default"]);
+  var styles = block.inlineStyleRanges.sort(_rangeSort["default"]);
+  var resultText = '';
+  var _loop = function _loop() {
+    var _char = blockText[index];
+    if (ENTITY_MAP[_char] !== undefined) {
+      var encoded = ENTITY_MAP[_char];
+      var resultIndex = (0, _toConsumableArray2["default"])(resultText).length;
+      resultText += encoded;
+      var updateForChar = function updateForChar(mutation) {
+        return (0, _updateMutation["default"])(mutation, resultIndex, _char.length, encoded.length, 0, 0);
+      };
+      entities = entities.map(updateForChar);
+      styles = styles.map(updateForChar);
+    } else {
+      resultText += _char;
+    }
+  };
+  for (var index = 0; index < blockText.length; index += 1) {
+    _loop();
+  }
+  return _objectSpread(_objectSpread({}, block), {}, {
+    text: resultText,
+    inlineStyleRanges: styles,
+    entityRanges: entities
+  });
+};

package/lib/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "convertFromHTML", {
+  enumerable: true,
+  get: function get() {
+    return _convertFromHTML["default"];
+  }
+});
+Object.defineProperty(exports, "convertToHTML", {
+  enumerable: true,
+  get: function get() {
+    return _convertToHTML["default"];
+  }
+});
+Object.defineProperty(exports, "parseHTML", {
+  enumerable: true,
+  get: function get() {
+    return _parseHTML["default"];
+  }
+});
+var _convertToHTML = _interopRequireDefault(require("./convertToHTML"));
+var _convertFromHTML = _interopRequireDefault(require("./convertFromHTML"));
+var _parseHTML = _interopRequireDefault(require("./util/parseHTML"));

package/lib/util/accumulateFunction.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = function _default(newFn, rest) {
+  return function () {
+    var newResult = newFn.apply(void 0, arguments);
+    if (newResult !== undefined && newResult !== null) {
+      return newResult;
+    }
+    return rest.apply(void 0, arguments);
+  };
+};

package/lib/util/blockTypeObjectFunction.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = function _default(typeObject) {
+  return function (block) {
+    if (typeof typeObject === 'function') {
+      // handle case where typeObject is already a function
+      return typeObject(block);
+    }
+    return typeObject[block.type];
+  };
+};

package/lib/util/getBlockTags.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getBlockTags;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _invariant = _interopRequireDefault(require("invariant"));
+var _react = _interopRequireDefault(require("react"));
+var _server = _interopRequireDefault(require("react-dom/server"));
+var _splitReactElement = _interopRequireDefault(require("./splitReactElement"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function hasChildren(element) {
+  return /*#__PURE__*/_react["default"].isValidElement(element) && _react["default"].Children.count(element.props.children) > 0;
+}
+function getBlockTags(blockHTML) {
+  (0, _invariant["default"])(blockHTML !== null && blockHTML !== undefined, 'Expected block HTML value to be non-null');
+  if (typeof blockHTML === 'string') {
+    return blockHTML;
+  }
+  if ( /*#__PURE__*/_react["default"].isValidElement(blockHTML)) {
+    if (hasChildren(blockHTML)) {
+      return _server["default"].renderToStaticMarkup(blockHTML);
+    }
+    return (0, _splitReactElement["default"])(blockHTML);
+  }
+  if (Object.prototype.hasOwnProperty.call(blockHTML, 'element') && /*#__PURE__*/_react["default"].isValidElement(blockHTML.element)) {
+    return _objectSpread(_objectSpread({}, blockHTML), (0, _splitReactElement["default"])(blockHTML.element));
+  }
+  (0, _invariant["default"])(Object.prototype.hasOwnProperty.call(blockHTML, 'start') && Object.prototype.hasOwnProperty.call(blockHTML, 'end'), 'convertToHTML: received block information without either a ReactElement or an object with start/end tags');
+  return blockHTML;
+}

package/lib/util/getElementHTML.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getElementHTML;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _invariant = _interopRequireDefault(require("invariant"));
+var _react = _interopRequireDefault(require("react"));
+var _server = _interopRequireDefault(require("react-dom/server"));
+var _splitReactElement = _interopRequireDefault(require("./splitReactElement"));
+function hasChildren(element) {
+  return /*#__PURE__*/_react["default"].isValidElement(element) && _react["default"].Children.count(element.props.children) > 0;
+}
+function getElementHTML(element) {
+  var text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  if (element === undefined || element === null) {
+    return element;
+  }
+  if (typeof element === 'string') {
+    return element;
+  }
+  if ( /*#__PURE__*/_react["default"].isValidElement(element)) {
+    if (hasChildren(element)) {
+      return _server["default"].renderToStaticMarkup(element);
+    }
+    var tags = (0, _splitReactElement["default"])(element);
+    if (text !== null && (0, _typeof2["default"])(tags) === 'object') {
+      var start = tags.start,
+        end = tags.end;
+      return start + text + end;
+    }
+    return tags;
+  }
+  (0, _invariant["default"])(Object.prototype.hasOwnProperty.call(element, 'start') && Object.prototype.hasOwnProperty.call(element, 'end'), 'convertToHTML: received conversion data without either an HTML string, ReactElement or an object with start/end tags');
+  if (text !== null) {
+    var _start = element.start,
+      _end = element.end;
+    return _start + text + _end;
+  }
+  return element;
+}

package/lib/util/getElementTagLength.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireDefault(require("react"));
+var _splitReactElement = _interopRequireDefault(require("./splitReactElement"));
+var getElementTagLength = function getElementTagLength(element) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'start';
+  if ( /*#__PURE__*/_react["default"].isValidElement(element)) {
+    var splitElement = (0, _splitReactElement["default"])(element);
+    if (typeof splitElement === 'string') {
+      return 0;
+    }
+    var length = splitElement[type].length;
+    var child = _react["default"].Children.toArray(element.props.children)[0];
+    return length + (child && /*#__PURE__*/_react["default"].isValidElement(child) ? getElementTagLength(child, type) : 0);
+  }
+  if ((0, _typeof2["default"])(element) === 'object') {
+    return element[type] ? element[type].length : 0;
+  }
+  return 0;
+};
+var _default = exports["default"] = getElementTagLength;

package/lib/util/getNestedBlockTags.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getNestedBlockTags;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _invariant = _interopRequireDefault(require("invariant"));
+var _react = _interopRequireDefault(require("react"));
+var _splitReactElement3 = _interopRequireDefault(require("./splitReactElement"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function getNestedBlockTags(blockHTML, depth) {
+  (0, _invariant["default"])(blockHTML !== null && blockHTML !== undefined, 'Expected block HTML value to be non-null');
+  if (typeof blockHTML.nest === 'function') {
+    var _splitReactElement = (0, _splitReactElement3["default"])(blockHTML.nest(depth)),
+      start = _splitReactElement.start,
+      end = _splitReactElement.end;
+    return _objectSpread(_objectSpread({}, blockHTML), {}, {
+      nestStart: start,
+      nestEnd: end
+    });
+  }
+  if ( /*#__PURE__*/_react["default"].isValidElement(blockHTML.nest)) {
+    var _splitReactElement2 = (0, _splitReactElement3["default"])(blockHTML.nest),
+      _start = _splitReactElement2.start,
+      _end = _splitReactElement2.end;
+    return _objectSpread(_objectSpread({}, blockHTML), {}, {
+      nestStart: _start,
+      nestEnd: _end
+    });
+  }
+  (0, _invariant["default"])(Object.prototype.hasOwnProperty.call(blockHTML, 'nestStart') && Object.prototype.hasOwnProperty.call(blockHTML, 'nestEnd'), 'convertToHTML: received block information without either a ReactElement or an object with start/end tags');
+  return blockHTML;
+}

package/lib/util/parseHTML.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = parseHTML;
+var fallback = function fallback(html) {
+  var doc = document.implementation.createHTMLDocument('');
+  doc.documentElement.innerHTML = html;
+  return doc;
+};
+function parseHTML(html) {
+  var doc;
+  if (typeof DOMParser !== 'undefined') {
+    var parser = new DOMParser();
+    doc = parser.parseFromString(html, 'text/html');
+    if (doc === null || doc.body === null) {
+      doc = fallback(html);
+    }
+  } else {
+    doc = fallback(html);
+  }
+  return doc.body;
+}

package/lib/util/rangeSort.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = function _default(r1, r2) {
+  if (r1.offset === r2.offset) {
+    return r2.length - r1.length;
+  }
+  return r1.offset - r2.offset;
+};

package/lib/util/splitReactElement.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = splitReactElement;
+var _invariant = _interopRequireDefault(require("invariant"));
+var _react = _interopRequireDefault(require("react"));
+var _server = _interopRequireDefault(require("react-dom/server"));
+// see http://w3c.github.io/html/syntax.html#writing-html-documents-elements
+var VOID_TAGS = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr'];
+function splitReactElement(element) {
+  if (VOID_TAGS.indexOf(element.type) !== -1) {
+    return _server["default"].renderToStaticMarkup(element);
+  }
+  var tags = _server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].cloneElement(element, {}, '\r')).split('\r');
+  (0, _invariant["default"])(tags.length > 1, "convertToHTML: Element of type ".concat(element.type, " must render children"));
+  (0, _invariant["default"])(tags.length < 3, "convertToHTML: Element of type ".concat(element.type, " cannot use carriage return character"));
+  return {
+    start: tags[0],
+    end: tags[1]
+  };
+}

package/lib/util/styleObjectFunction.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = function _default(object) {
+  return function (style) {
+    if (typeof object === 'function') {
+      return object(style);
+    }
+    return object[style];
+  };
+};

package/lib/util/updateMutation.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = updateMutation;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function updateMutation(mutation, originalOffset, originalLength, newLength, prefixLength, suffixLength) {
+  // three cases we can reasonably adjust - disjoint mutations that
+  // happen later on where the offset will need to be changed,
+  // mutations that completely contain the new one where we can adjust
+  // the length, and mutations that occur partially within the new one.
+  var lengthDiff = newLength - originalLength;
+  var mutationAfterChange = originalOffset + originalLength <= mutation.offset;
+  if (mutationAfterChange) {
+    return _objectSpread(_objectSpread({}, mutation), {}, {
+      offset: mutation.offset + lengthDiff
+    });
+  }
+  var mutationContainsChange = originalOffset >= mutation.offset && originalOffset + originalLength <= mutation.offset + mutation.length;
+  if (mutationContainsChange) {
+    return _objectSpread(_objectSpread({}, mutation), {}, {
+      length: mutation.length + lengthDiff
+    });
+  }
+  var mutationWithinPrefixChange = mutation.offset >= originalOffset && mutation.offset + mutation.length <= originalOffset + originalLength && prefixLength > 0;
+  if (mutationWithinPrefixChange) {
+    return _objectSpread(_objectSpread({}, mutation), {}, {
+      offset: mutation.offset + prefixLength
+    });
+  }
+  var mutationContainsPrefix = mutation.offset < originalOffset && mutation.offset + mutation.length <= originalOffset + originalLength && mutation.offset + mutation.length > originalOffset && prefixLength > 0;
+  if (mutationContainsPrefix) {
+    return [_objectSpread(_objectSpread({}, mutation), {}, {
+      length: originalOffset - mutation.offset
+    }), _objectSpread(_objectSpread({}, mutation), {}, {
+      offset: originalOffset + prefixLength,
+      length: mutation.offset - originalOffset + mutation.length
+    })];
+  }
+  var mutationContainsSuffix = mutation.offset >= originalOffset && mutation.offset + mutation.length > originalOffset + originalLength && originalOffset + originalLength > mutation.offset && suffixLength > 0;
+  if (mutationContainsSuffix) {
+    return [_objectSpread(_objectSpread({}, mutation), {}, {
+      offset: mutation.offset + prefixLength,
+      length: originalOffset + originalLength - mutation.offset
+    }), _objectSpread(_objectSpread({}, mutation), {}, {
+      offset: originalOffset + originalLength + prefixLength + suffixLength,
+      length: mutation.offset + mutation.length - (originalOffset + originalLength)
+    })];
+  }
+  return mutation;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@20minutes/draft-convert",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Extensibly serialize & deserialize Draft.js ContentState",
   "main": "lib/index.js",
   "types": "types/index.d.ts",