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

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

import { getOffsetToNextGlyph } from '../utils.js';
export const NowrapWrapper = ({ text, fontSize, font, letterSpacing }, _, 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;
            return;
        }
        position += getOffsetToNextGlyph(fontSize, font.getGlyphInfo(char), letterSpacing);
        if (char === ' ') {
            whitespaces += 1;
            continue;
        }
        target.nonWhitespaceWidth = position;
        target.whitespacesBetween = whitespaces;
        target.nonWhitespaceCharLength = charIndex - firstIndex + 1;
    }
    //not "+1" because we break when we want to remove the last one
    target.charLength = charIndex - firstIndex;
};