@atlaskit/renderer
Version:
Renderer component
74 lines • 2.83 kB
JavaScript
import ReactSerializer from '..';
/**
* Returns an array of **backgroundColor marks** that should be considered "standalone"
* for highlight padding purposes.
*
* Standalone backgroundColor marks are determined by scanning the content array and
* checking for backgroundColor marks that are separated by whitespace boundaries.
*
* @param content Array of ProseMirror nodes to scan for standalone backgroundColor marks.
* @returns Array of backgroundColor marks that are standalone.
*/
export var getStandaloneBackgroundColorMarks = function getStandaloneBackgroundColorMarks(content) {
var standaloneMarks = [];
// keep track of the previous node's state
var prev = {
selfSpaceOnTheRight: true // initial value to handle leading BackgroundColor
};
var prevNode = null;
// Iterates through each node in the content array.
// Tracks if the previous node had a backgroundColor mark and if it ended with a space.
// If a backgroundColor mark is followed by a text node that starts with a space,
// and the previous node ended with a space, the previous backgroundColor mark is considered standalone.
// At the end, flushes any remaining node that meets the standalone criteria.
for (var i = 0; i < content.length; i++) {
var node = content[i];
var nodeMarks = ReactSerializer.getMarks(node);
var isBackgroundColor = nodeMarks.some(function (m) {
return m.type.name === 'backgroundColor';
});
var selfSpaceOnTheLeft = false;
var selfSpaceOnTheRight = false;
if (node.text) {
selfSpaceOnTheLeft = node.text.startsWith(' ');
selfSpaceOnTheRight = node.text.endsWith(' ');
}
if (isBackgroundColor) {
prevNode = node;
prev = {
selfSpaceOnTheRight: false,
hasBackgroundColor: true,
spaceToTheLeft: prev !== null && prev.selfSpaceOnTheRight
};
} else {
// If prev exists, check for standalone logic
if (prev && prev.hasBackgroundColor && prevNode) {
// If prev had space on the left and current is a TextNode and has space on the left
if (prev.spaceToTheLeft && selfSpaceOnTheLeft) {
var mark = ReactSerializer.getMarks(prevNode).find(function (m) {
return m.type.name === 'backgroundColor';
});
if (mark) {
standaloneMarks.push(mark);
}
}
}
prevNode = null;
prev = {
selfSpaceOnTheRight: selfSpaceOnTheRight,
hasBackgroundColor: false
};
}
}
if (prevNode) {
if (prev && prev.hasBackgroundColor && prev.spaceToTheLeft) {
var _mark = ReactSerializer.getMarks(prevNode).find(function (m) {
return m.type.name === 'backgroundColor';
});
if (_mark) {
standaloneMarks.push(_mark);
}
}
}
return standaloneMarks;
};