@pmndrs/uikit/dist/text/wrapper/word-wrapper.js

Build performant 3D user interfaces with Three.js and yoga.

import { getOffsetToNextGlyph } from '../utils.js';
export const WordWrapper = ({ text, fontSize, font, letterSpacing }, availableWidth, charIndex, target) => {
    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;
        }
    }
};