@gechiui/block-editor/build/components/block-compare/index.js

Generic block editor.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@gechiui/element");

var _classnames = _interopRequireDefault(require("classnames"));

var _lodash = require("lodash");

var _character = require("diff/lib/diff/character");

var _i18n = require("@gechiui/i18n");

var _blocks = require("@gechiui/blocks");

var _blockView = _interopRequireDefault(require("./block-view"));

/**
 * External dependencies
 */
// diff doesn't tree-shake correctly, so we import from the individual
// module here, to avoid including too much of the library

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function BlockCompare(_ref) {
  let {
    block,
    onKeep,
    onConvert,
    convertor,
    convertButtonText
  } = _ref;

  function getDifference(originalContent, newContent) {
    const difference = (0, _character.diffChars)(originalContent, newContent);
    return difference.map((item, pos) => {
      const classes = (0, _classnames.default)({
        'block-editor-block-compare__added': item.added,
        'block-editor-block-compare__removed': item.removed
      });
      return (0, _element.createElement)("span", {
        key: pos,
        className: classes
      }, item.value);
    });
  }

  function getConvertedContent(convertedBlock) {
    // The convertor may return an array of items or a single item
    const newBlocks = (0, _lodash.castArray)(convertedBlock); // Get converted block details

    const newContent = newBlocks.map(item => (0, _blocks.getSaveContent)(item.name, item.attributes, item.innerBlocks));
    return newContent.join('');
  }

  const converted = getConvertedContent(convertor(block));
  const difference = getDifference(block.originalContent, converted);
  return (0, _element.createElement)("div", {
    className: "block-editor-block-compare__wrapper"
  }, (0, _element.createElement)(_blockView.default, {
    title: (0, _i18n.__)('当前'),
    className: "block-editor-block-compare__current",
    action: onKeep,
    actionText: (0, _i18n.__)('转换为HTML'),
    rawContent: block.originalContent,
    renderedContent: block.originalContent
  }), (0, _element.createElement)(_blockView.default, {
    title: (0, _i18n.__)('转换后'),
    className: "block-editor-block-compare__converted",
    action: onConvert,
    actionText: convertButtonText,
    rawContent: difference,
    renderedContent: converted
  }));
}

var _default = BlockCompare;
exports.default = _default;
//# sourceMappingURL=index.js.map