@nrkn/text-layout/src/solid.ts

Wrapping and fitting styled runs of text

import { lineScaler } from './scale.js'
import { Block, WrappedBlock } from './types.js'

// fits the text such that it creates a solid wall of text, eg every line is the
// same width
export const solidFitter = (maxWidth: number) =>
  (block: Block) => {
    const solid: WrappedBlock = {
      lines: [],
      width: 0,
      height: 0,
      maxWidth
    }

    let longestLineWidth = 0

    for (const line of block.lines) {
      longestLineWidth = Math.max(longestLineWidth, line.width)
    }

    const scaleWidth = maxWidth / longestLineWidth

    for (const line of block.lines) {
      let scaledLine = line

      if (line.width > 0) {
        const scaleLine = longestLineWidth / line.width
        const scale = scaleWidth * scaleLine

        scaledLine = lineScaler(scale)(line)
      }

      solid.lines.push(scaledLine)
      solid.width = Math.max(solid.width, scaledLine.width)
      solid.height += scaledLine.height
    }

    return solid
  }