UNPKG

@wordpress/blocks

Version:
181 lines (150 loc) 4.51 kB
"use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); Object.defineProperty(exports, "__esModule", { value: true }); exports.getSerializeCapableElement = getSerializeCapableElement; exports.concat = concat; exports.fromDOM = fromDOM; exports.toHTML = toHTML; exports.matcher = matcher; exports.default = void 0; var _lodash = require("lodash"); var _element = require("@wordpress/element"); var node = _interopRequireWildcard(require("./node")); /** * External dependencies */ /** * WordPress dependencies */ /** * Internal dependencies */ /** * A representation of a block's rich text value. * * @typedef {WPBlockNode[]} WPBlockChildren */ /** * Given block children, returns a serialize-capable WordPress element. * * @param {WPBlockChildren} children Block children object to convert. * * @return {WPElement} A serialize-capable element. */ function getSerializeCapableElement(children) { // The fact that block children are compatible with the element serializer is // merely an implementation detail that currently serves to be true, but // should not be mistaken as being a guarantee on the external API. The // public API only offers guarantees to work with strings (toHTML) and DOM // elements (fromDOM), and should provide utilities to manipulate the value // rather than expect consumers to inspect or construct its shape (concat). return children; } /** * Given block children, returns an array of block nodes. * * @param {WPBlockChildren} children Block children object to convert. * * @return {Array<WPBlockNode>} An array of individual block nodes. */ function getChildrenArray(children) { // The fact that block children are compatible with the element serializer // is merely an implementation detail that currently serves to be true, but // should not be mistaken as being a guarantee on the external API. return children; } /** * Given two or more block nodes, returns a new block node representing a * concatenation of its values. * * @param {...WPBlockChildren} blockNodes Block nodes to concatenate. * * @return {WPBlockChildren} Concatenated block node. */ function concat(...blockNodes) { const result = []; for (let i = 0; i < blockNodes.length; i++) { const blockNode = (0, _lodash.castArray)(blockNodes[i]); for (let j = 0; j < blockNode.length; j++) { const child = blockNode[j]; const canConcatToPreviousString = typeof child === 'string' && typeof result[result.length - 1] === 'string'; if (canConcatToPreviousString) { result[result.length - 1] += child; } else { result.push(child); } } } return result; } /** * Given an iterable set of DOM nodes, returns equivalent block children. * Ignores any non-element/text nodes included in set. * * @param {Iterable.<Node>} domNodes Iterable set of DOM nodes to convert. * * @return {WPBlockChildren} Block children equivalent to DOM nodes. */ function fromDOM(domNodes) { const result = []; for (let i = 0; i < domNodes.length; i++) { try { result.push(node.fromDOM(domNodes[i])); } catch (error) {// Simply ignore if DOM node could not be converted. } } return result; } /** * Given a block node, returns its HTML string representation. * * @param {WPBlockChildren} children Block node(s) to convert to string. * * @return {string} String HTML representation of block node. */ function toHTML(children) { const element = getSerializeCapableElement(children); return (0, _element.renderToString)(element); } /** * Given a selector, returns an hpq matcher generating a WPBlockChildren value * matching the selector result. * * @param {string} selector DOM selector. * * @return {Function} hpq matcher. */ function matcher(selector) { return domNode => { let match = domNode; if (selector) { match = domNode.querySelector(selector); } if (match) { return fromDOM(match.childNodes); } return []; }; } /** * Object of utility functions used in managing block attribute values of * source `children`. * * @see https://github.com/WordPress/gutenberg/pull/10439 * * @deprecated since 4.0. The `children` source should not be used, and can be * replaced by the `html` source. * * @private */ var _default = { concat, getChildrenArray, fromDOM, toHTML, matcher }; exports.default = _default; //# sourceMappingURL=children.js.map