@pmndrs/uikit
Version:
Build performant 3D user interfaces with Three.js and yoga.
39 lines (38 loc) • 1.55 kB
JavaScript
import { getOffsetToNextGlyph } from '../utils.js';
import { skipWhitespace } from './index.js';
export const WordWrapper = ({ text, fontSize, font, letterSpacing }, availableWidth, charIndex, target) => {
charIndex = skipWhitespace(text, charIndex);
const firstIndex = charIndex;
target.charIndexOffset = firstIndex;
target.nonWhitespaceCharLength = 0;
target.charLength = 0;
target.nonWhitespaceWidth = 0;
target.whitespacesBetween = 0;
let position = 0;
let whitespaces = 0;
for (; charIndex < text.length; charIndex++) {
const char = text[charIndex];
if (char === '\n') {
target.charLength = charIndex - firstIndex + 1;
break;
}
position += getOffsetToNextGlyph(fontSize, font.getGlyphInfo(char), letterSpacing);
if (char === ' ') {
whitespaces += 1;
target.charLength = charIndex - firstIndex + 1;
continue;
}
//non whitespace
if (target.nonWhitespaceWidth > 0 && availableWidth != null && position > availableWidth) {
break;
}
const nextChar = text[charIndex + 1];
if (nextChar === ' ' || nextChar === '\n' || nextChar == null) {
//next char is a whitespace/end of text => save point
target.charLength = charIndex - firstIndex + 1;
target.nonWhitespaceCharLength = target.charLength;
target.nonWhitespaceWidth = position;
target.whitespacesBetween = whitespaces;
}
}
};