Word wrap

local natiny = require("natiny")

natiny.backend.init()

local win = natiny.window.create("Word wrap", 900, 600)
natiny.window.set_scale_mode(win, natiny.window.SCALE_MODE_STRETCH)

local font = natiny.font.create(natiny.resource.load("data/common/fonts/roboto.ttf"), 22)

local TEXT = "Word wrapping is measured by the same code that draws it, " ..
             "so a panel sized with measure_wrapped is guaranteed to contain " ..
             "what text_box puts inside it. Move the mouse."

local BG     = {  21 / 255,  30 / 255,  44 / 255 } -- #151E2C
local OBJECT = { 169 / 255, 179 / 255, 197 / 255 } -- #A9B3C5
local ACCENT = { 248 / 255, 249 / 255, 253 / 255 } -- #F8F9FD
local LIGHT_TEXT = { 243 / 255, 245 / 255, 250 / 255 } -- #F3F5FA
local DARK_TEXT = { 17 / 255, 24 / 255, 39 / 255 } -- #111827
local X, Y = 120, 160

natiny.backend.loop(function()
    natiny.window.bind(win, function()
        local width = math.max(90, math.min(660, natiny.input.get_mouse_x() - X))
        local w, h, lines = natiny.font.measure_wrapped(font, TEXT, width)

        natiny.render.clear(BG[1], BG[2], BG[3], 1)

        natiny.render.set_color(OBJECT[1], OBJECT[2], OBJECT[3], 1)
        natiny.render.rectangle(X - 16, Y - 16, width + 32, h + 32)
        natiny.render.set_color(ACCENT[1], ACCENT[2], ACCENT[3], 1)
        natiny.render.rectangle_outline(X - 16, Y - 16, width + 32, h + 32, 3)

        natiny.render.set_color(ACCENT[1], ACCENT[2], ACCENT[3], 1)
        natiny.render.line(X + width, Y - 40, X + width, Y + h + 40, 1)

        natiny.render.set_color(DARK_TEXT[1], DARK_TEXT[2], DARK_TEXT[3], 1)
        natiny.render.text_box(font, X, Y, width, h, TEXT)

        natiny.render.set_color(LIGHT_TEXT[1], LIGHT_TEXT[2], LIGHT_TEXT[3], 1)
        natiny.render.text(font, X - 16, 80, string.format(
            "wrap at %d  ->  %d lines, widest %.0f, %.0f tall", width, lines, w, h))
    end)
end)

natiny.backend.shutdown()